jquery - 页面加载后以编程方式设置 HTML5 视频源

Question

我在页面加载时有一个空视频元素，该元素在 AJAX 调用后填充，但视频未加载。

如果我将视频源硬编码为“/video/get?id=12”，则将检索视频文件并且用户可以在页面上播放它。

但是，我希望能够使用 jQuery 设置视频源(在页面加载完成后的某个时间)。我尝试设置源元素 src 参数，但没有成功。我也尝试过将整个内容附加到视频标签中，但仍然没有效果。

在视频标签上调用 load() 或 play() 或两者似乎都不起作用。

感谢任何可以提供帮助的人。

编辑:如果我使用 .html() 将 div 的内容设置为整个视频标签，则视频可以播放，但只能在 Chrome 中播放。 IE 似乎提交了请求，但 Firefox 没有执行任何操作...

Answer 1

我创建了一个带有现场演示的 fiddle ，看看这个。

http://jsfiddle.net/VZHdW/

确保您正在测试的浏览器支持 HTML5。