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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的jQuery相关文章