我目前正在开发一个网站,现在遇到问题。在我的网站上,我放了html5视频,并且添加了一个事件,使用户可以通过单击视频来暂停/播放。该事件适用于Chrome和IE,但不适用于Mozilla。谁能告诉我发生了什么事?
这是我的代码
<div class="header-unit">
<div id="video-container">
<video controls autoplay loop muted class="fillWidth">
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4"/>
Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
</div><!-- end video-container -->
</div><!-- end .header-unit -->
这是JS
$('.fillWidth').click(function(){
this.paused?
this.play():
this.pause();
});
顺便说一句,当用户将鼠标悬停在视频上时,有人可以告诉我如何在屏幕中间添加大播放按钮吗?谢谢 !
试试这个吧。
$('video').trigger('play');
$('video').trigger('pause');
祝你好运!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句