Cuando se usa DOMParser , la etiqueta <video> no funciona en Safari, su vue previa se muestra pero sin controles y sin la capacidad de reproducción:
const parser = new DOMParser()
const parsed = parser.parseFromString(
document.querySelector('video').outerHTML,
'text/html'
)
document.body.appendChild(parsed.querySelector('body').childNodes[0])
<video
width="250"
controls
playsinline
src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4#t=0.001"
></video>
El código anterior funciona como se esperaba en Chrome:
Pero Safari hace esto (tanto macOS como iOS):
No hay controles y es imposible reproducir el segundo video que fue producido por DOMParser.
¿Es eso algún tipo de característica de seguridad o un error? ¿Hay alguna solución para este comportamiento?