SVG son las siglas de Scalable Vector Graphics, que podríamos traducir libremente al español como gráficos basados en vectores escalables. En otras palabras, podemos decir que es un formato gráfico basado en XML para crear archivos vectoriales en 2D, con un lenguaje de marcado por medio de etiquetas.
Con la etiqueta <object> introduzco la imagen SVG:
<object type="image/svg+xml" data="notas.svg" width="500" align="center" > </object>
Los parámetros de YouTube: autohide , valor 0 para tener los controles visibles y 1 si prefieres que se oculten cuando el video se está reproduciendo. autoplay, 0 si quieres que el vídeo se reproduzca automáticamente, 1 si espera al play. controls, con 0 los controles no se muestran con 1 si y en ambos el vídeo se descarga el vídeo, con 2 los controles se muestran pero el video no se descarga hasta hacer play. Loop, 0 sólo una vez y 1 para reproducción infinita
La etiqueta picture la solución para imágenes responsive. Permite usar varias imágenes según las condiciones media