**SOLUCION**

La solución es la siguiente hay que añadir ATTR. delante del atributo.
Angular tiene una norma que es si quieres trabajar con un attributo que no se valorado por el por que como hay tantos y te los puedes inventar si le añades al principio ATTR.nombreAtributo ya puedes bindear este atributo y lo trata como un atributo de el.

    [attr.aria-labelledby]="product.name"

Explicacion grafica.

Tenemos un atributo que no trabaja con las directivas de angular ni los bindings.

    attr-video-id="553625"

Queremos que este atributo puede bindearse con una variable que tenemos en el lado de TypeScript pero si la encerramos entre [] nos va a dar error por que angular no reconoce que lo que hay dentro de [] sea una directiva suya, esto lo solucionamos añadiendo attr. delante del atributo para decirle a angular que la palabra es un atributo y la trate con tal y poder bindear el contenido y quedaría así.

    [attr.attr-video-id]="variable"
    
Espero haberme explicado bien.