前端之家收集整理的这篇文章主要介绍了
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.f2er.com/jquery/182386.html