无法观看视频？

Question

在使用html5创建视频播放器时，我尝试从其他来源加载视频并根据它生成标记。如下图所示

var _vid = document.getElementById('vid');
$('#vid').html('<video width=300 height=200 id="vid" controls autoplay src="http://172.16.25.214/gems1_video/30032011.mp4"></video>');
var video = document.getElementById('video');
_vid = $(_vid).find('video').get(0); 
console.info(_vid);
_vid.load();
_vid.play();

当我在本地主机中打开此文件时，它工作正常，但是当我从其他服务器点击url时，它显示_vid是未定义的任何一个想法...？

Answer 1

您正在引用尚未创建的元素。此外，我无法访问视频文件。

我重新编写了示例并链接到我自己服务器上的视频，你可以在这里看到它：

http://jsfiddle.net/thebeebs/Ye3Nf/

P.S因为你的代码只引用mp4，它只会在IE9，Safari和chrome中播放（虽然chrome很快就会放弃对H.264的支持）。您应该添加WebM源，甚至可能添加ogg。

Answer 2

var _vid = document.getElementById('vid');

在您未创建DOM元素之前，这不应该有效。你正试图得到一个尚不存在的元素。