html5video – 让整个video在Android上可点击播放？

我已将html5video添加到我的移动网络应用中，目前为了播放此video，用户必须点击video左下方的小播放图标。 是否可以设置video，以便用户点击它播放的任何部分？

在Android 2.3.3上进行测试，在iOS上整个video似乎是可点击的

我目前的代码：

谢谢

Answer 1

使用jQuery你可以尝试这样的事情：

 $('.video').click(function() { this.play(); }); 

Answer 2

您可以执行简单的click事件拦截。

 jQuery('video').click(function() { if (this.paused) { this.play(); } else { this.pause(); } return false; }); 

这个问题是它会覆盖video上的任何默认控件。 这意味着用户将无法使用默认浏览器控件。 如果您想要video的自定义行为，就像您要求的那样，您应该使用像VideoJS这样的框架。 此框架具有您正在寻找的“点击播放”行为，以及为video播放控件的所有方面设置样式的function。

Answer 3

您可以创建canvas覆盖，当单击它时，它会播放video并隐藏canvas。 然后，当video完成后，您可以“取消隐藏”canvas元素。 这样你也可以在canvas上为用户放置一个播放图标