Question

我正在尝试使用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 ）。

Answer 1

实际上，我认为你在那里使用了错误的属性：）

将href属性替换为视频代码中的src属性，我非常确定它应该有效：P

Answer 2

ie8肯定不支持它。

你有没有看过各种基于jQuery的媒体播放器？您可以找到默认情况下使用html5的内容，并在不支持它的浏览器中回退到闪存中。

通过JavaScript注入视频标记（HTML 5）是否适用于任何浏览器？

2 个答案: