1

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

4

2 回答 2

2

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

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

于 2010-05-27T18:32:28.137 回答
0

ie8肯定不支持。

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

于 2010-05-27T18:30:41.463 回答