Audio y video

Video en HTML

<video controls>
    <source src="video.mp4" type="video/mp4">
</video>

<video> envuelve el reproductor. Adentro, <source> indica el archivo real. El atributo controls es el que agrega los botones de reproducir/pausar/volumen — sin él, el video se muestra pero el visitante no tiene forma de manejarlo.

Audio, con la misma lógica

<audio controls>
    <source src="cancion.mp3" type="audio/mpeg">
</audio>

<audio> funciona exactamente igual que <video>, solo que sin imagen — mismo controls, mismo <source> adentro.

Video de una plataforma externa

Para un video que ya está en YouTube o Vimeo, no se usa <video> — se usa <iframe>, que permite incorporar contenido que pertenece a otro sitio:

<iframe src="https://www.youtube.com/embed/ID_DEL_VIDEO"
    title="Descripción del video">
</iframe>

La diferencia clave: <video> es para un archivo que vos subiste, tuyo; <iframe> es para mostrar contenido que vive en otro servidor, ajeno.