我正在尝试使用 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 确实不行(high five IE)。
最佳答案
实际上,我认为你在那里使用了错误的属性:)
用视频标签中的 src
属性替换 href
属性,我很确定它应该可以工作 :P
关于javascript - 通过 JavaScript 注入(inject)视频标签 (HTML 5) 是否适用于任何浏览器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2923781/