HTML 5视频在通过DOMParser渲染时未显示在Safari中（通过innerHTML渲染正常工作）

Question

[[（注意：关于在野生动物园中不渲染视频的问题很多。这个问题是关于在Safari中使用DOMParser渲染视频的。如果我使用innerHTML来渲染视频，一切都会很好。] >>我有可能通过DOMParser呈现的最简单的HTML 5视频，如下所示：

codepen

var htmlStr = `
<video xmlns="http://www.w3.org/1999/xhtml" controls="">
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"/>
  Your browser does not support HTML5 video.
</video>
document.getElementById('test-vid').appendChild(doc.firstChild);
`;
var doc = new DOMParser().parseFromString(htmlStr, "text/xml");

此功能在chrome浏览器中工作正常，但在Safari中无法播放视频。我只看到白色的屏幕。但是，如果我通过innerHTML呈现它，则一切正常，并且显示了视频。

任何人都可以对Safari中DOMParser的问题提出建议。 caniuse显示Safari对DOMParser的完全支持。

[在许多版本的Safari中测试，即版本12.1.1（14607.2.6.1.1）和版本11.1等。>

（（注：关于在野生动物园中不渲染视频的问题很多。这个问题是关于在Safari中使用DOMParser渲染视频的。如果我使用innerHTML渲染视频，一切都会正常。）...

Answer 1

刚刚经过测试，视频

IS

在屏幕上并已加载（html检查器，网络流量和DOM中加载的视频触发的caplay