html5视频-让整个视频可以在安卓上点击播放？
html5视频-让整个视频可以在安卓上点击播放？
提问于 2011-11-21 22:44:55
我已经添加了一个html5视频到我的移动web应用程序，目前，为了播放这个视频，用户必须单击视频左下角的小播放图标。是否可以设置视频，使其在用户单击任何部分时都会播放？
在Android 2.3.3上测试，在iOS上，整个视频似乎都可以点击
我当前的代码：
<video src="video/video.mp4" type="video/mp4" width="300" height="188" class="video" controls preload="none" poster="img/test.png" webkit-playsinline>
</video>谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-11-21 23:23:49
使用jQuery，您可以尝试如下所示：
$('.video').click(function() {
this.play();
});Stack Overflow用户
发布于 2011-11-22 02:11:25
你可以做一个简单的click事件拦截。
jQuery('video').click(function() {
if (this.paused) {
this.play();
} else {
this.pause();
}
return false;
});这样做的问题是，它会覆盖视频上的任何默认控件。这意味着用户将不能使用默认的浏览器控件。如果你想让你的视频像你所要求的那样自定义行为，你应该使用像VideoJS这样的框架。该框架具有您正在寻找的“点击即玩”行为，以及对视频回放控件的所有方面进行样式化的能力。
Stack Overflow用户
发布于 2012-05-17 00:59:49
您可以创建一个画布覆盖图，当单击它时，它会播放视频并隐藏画布。然后，当视频完成时，您可以“取消隐藏”画布元素。这样，您还可以在画布上为用户放置一个播放图标
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8213622
复制相关文章
相似问题
腾讯云开发者
