我正在寻找一种完全加载html5视频后再播放的方法。并且当视频仍在加载时-显示视频占位符图像。在我使用setTimeout函数之前,但这不是实现此目的的方法。
setTimeout(function() {
$('banner__video--fallback').fadeOut();
$('.banner__video')[0].play();
}, 800);
那么,在加载视频后如何播放视频呢?
编辑:使用解决方案“ canplaythrough”视频仍可以在完全加载之前开始播放。
$('.banner__video')[0].addEventListener("canplaythrough", function () {
$('banner__video--fallback').fadeOut();
$('.banner__video')[0].play();
}, false);
您为什么不只使用HTML5视频属性?不需要javascript。
<video autoplay poster="/placeholder.jpg">
<source src="video.webm" type="video/webm">
<source src="video.mp4" type="video/mp4">
</video>
autoplay
加载后立即播放视频,并在加载时poster
分配一个要在视频中站立的图像。
您应该在此处阅读更多信息:http : //www.w3schools.com/html/html5_video.asp
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句