我正在尝试使用 jQuery 在 dom 加载后立即播放视频。这是我的代码:
HTML
<video id="video" width="420">
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
<source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
<p>Your browser does not support HTML5 video.</p>
</video>
JS(脚本.js)
$(document).ready(function() {
$(#video).play();
});
当你加载视频时,视频无法播放,我哪里出了问题?提前致谢。
jQuery 选择器$("#video")
返回一个 jQuery 对象。自从play()
是 DOM 元素的函数,您必须通过以下方式获取 DOM 元素:
$("#video").get(0);
在使用 .play() 方法之前:
$("#video").get(0).play();
编辑:您还可以使用 HTML5 选择标签,以防 jQuery 回落。请注意autoplay
tag.
<video controls="controls" autoplay="autoplay" loop="loop"
width="233" height="147" poster="//www.cdn.com//video.png"
preload="auto" title="Video">
<source src="//www.cdn.com/video.mp4" type="video/mp4"/>
<source src="//www.cdn.com/video.ogv" type="video/ogv"/>
<source src="//www.cdn.com/video.webm" type="video/webm"/>
</video>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)