Javascript 无法查看视频？

在使用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();

var\u vid=document.getElementById（'vid'）；
$（'#vid'）.html（''）；
var video=document.getElementById（'video'）；
_vid=$（_vid）.find（'video'）.get（0）；
控制台信息（_vid）；
_参阅load（）；
_视频播放（）；

当我在本地主机上打开此文件时，它工作正常，但当我点击另一台服务器的url时，它显示_vid是一个未定义的文件。你知道吗

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

---

在您没有创建DOM元素之前，这不应该起作用。您试图获取一个尚不存在的元素。

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

我在自己的服务器上重新编写了示例并链接到一个视频，您可以在此处看到：

另外，因为你的代码只引用mp4，所以它只能在IE9、Safari和chrome中使用（尽管chrome很快就会放弃对H.264的支持）。你应该添加一个WebM甚至ogg的源代码