微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – 点击HTML5视频播放的海报图像?

我有一个带有海报属性的HTML5视频。我想以某种方式设置它,以便您可以在视频元素(海报图像的区域)上的任何位置点击,它将触发播放事件并启动视频?我觉得这是相当标准的做法,但是我无法找到一种没有Flash的方法。任何帮助将不胜感激。

解决方法

这对我来说是安德鲁。

在你的html头上添加这个小块的js:

var video = document.getElementById('video');
video.addEventListener('click',function(){
    video.play();
},false);

或者,只需将anlick属性直接添加到您的html元素:

<video src="your_video" width="250" height="50" poster="your_image" onclick="this.play();"/>

原文地址:https://www.jb51.cc/jquery/182386.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐