通过 JavaScript 注入视频标签 (HTML 5) 是否适用于任何浏览器？答案

【问题标题】：Does video tag (HTML 5) injection via JavaScript work in any browsers?通过 JavaScript 注入视频标签 (HTML 5) 是否适用于任何浏览器？
【发布时间】：2010-05-27 18:25:15
【问题描述】：

我正在尝试使用 JavaScript 在页面上动态生成视频元素。

JavaScript

 <script type="text/javascript">
  $(document).ready(function() {
    var video = $(document.createElement('video'))
    .attr('id', 'VideoElement')
    .attr('controls', 'controls')
    .attr('src', 'videopath.mp4') // Changed 'href' attribute to 'src'
    .css({
      width: 640,
      height: 360
    });
  $('#VideoContainer').append(video);
});

HTML

<body>  
  <div id="VideoContainer"></div>
</body>

在 Firefox 中，我得到了视频线束，但实际视频没有加载。在 IE8 中甚至没有出现视频线束。

HTML 5 的支持还不足以实现这一点吗？

编辑：让它与 Artiom 的修复程序一起工作。看起来这适用于 Chrome 和 Safari。我使用的是 Firefox 不支持的编解码器，所以它在那里不起作用；尽管我怀疑它可以与受支持的编解码器一起使用。 IE8果然不行（高五IE）。

【问题讨论】：

您可以将 attr 调用组合成一个传递对象的单个调用，就像您对 css 所做的那样。

标签： javascript dynamic html html5-video code-injection

【解决方案1】：

实际上，我认为您在那里使用了错误的属性:)

将href 属性替换为视频标签中的src 属性，我很确定它应该可以工作：P

【讨论】：

【解决方案2】：

ie8 肯定不支持。

您是否查看过各种基于 jQuery 的媒体播放器？您可以找到默认使用 html5 的那些，并在不支持它的浏览器中回退到 flash。

【讨论】：