html5 视频 - 使整个视频可以在 Android 上点击播放？

发布于 2024-12-17 17:36:56 字数 362 浏览 0 评论 0原文

我已将 html5 视频添加到我的移动网络应用程序中，目前为了播放该视频，用户必须单击视频左下角的小播放图标。是否可以设置视频，以便用户单击它播放的任何部分？

在 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>

谢谢

原文

I have added an html5 video to my mobile web app, at the moment in order to play this video the user has to click the small play icon at the bottom left of the video. Is it possible to set the video so that if the user clicks any part it plays?

Testing on Android 2.3.3, on iOS the whole video seems to be clickable

My current code:

<video src="video/video.mp4" type="video/mp4" width="300" height="188" class="video" controls preload="none" poster="img/test.png" webkit-playsinline>
    </video>

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

ι不睡觉的鱼゛ 2024-12-24 17:36:56

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

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

Using jQuery you could try something like this:

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

回复收藏 0 原文

太阳哥哥 2024-12-24 17:36:56

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

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

这样做的问题是，它将覆盖视频上的任何默认控件。这意味着用户将无法使用默认的浏览器控件。如果您希望视频具有您所要求的自定义行为，则应该使用 VideoJS 之类的框架。该框架具有您正在寻找的“点击播放”行为，以及设置视频播放控件各个方面的样式的能力。

You could do a simple click event intercept.

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

The problem with this, is that it will override any default controls on the video. This means the user won't be able to use default browser controls. If you want custom behavior for your video like what you're asking, you should use a framework like VideoJS. This framework has the "click-to-play" behavior you're looking for, as well as the ability to style all aspects of the video playback controls.

回复收藏 0 原文