【问题标题】:video.js requestFullScreen on android 4android 4上的video.js requestFullScreen
【发布时间】:2013-11-14 16:59:22
【问题描述】:

我尝试通过单击/点击按钮来全屏播放 video.js 视频。 它在任何 iOS 设备上都可以正常工作。但在 Android 上(在 Galaxy S4 上的 4.1.2 上测试)视频播放,但不会进入全屏。知道如何在 Android 上全屏显示吗?谢谢!

这是我用于全屏更改的代码:

$('.slider .icon-play').click(function () {
                videojs("mobileVideo").ready(function () {
                    var myPlayer = this;
                    myPlayer.currentTime(0);
                    myPlayer.play();
                    myPlayer.on("loadedmetadata", function () {
                        this.requestFullScreen();
                        myPlayer.on("play", function () {
                            this.requestFullScreen();
                        });
                    });
                    myPlayer.on("ended", function () {
                        this.cancelFullScreen();
                    });
                });
            });

【问题讨论】:

    标签: javascript android video video.js android-fullscreen


    【解决方案1】:

    this.requestFullScreen();

    需要从用户驱动的事件中调用。

    Video.js enter fullscreen on play

    【讨论】:

    • 但是点击功能不是用户驱动的事件吗?
    • 点击事件是yes,但是你有从myPlayer.on("play")调用的事件,它是从myPlayer.on("loadedmetadata")调用的。所以点击事件没有调用 requestFullScreen 它正在添加一个不是用户驱动的事件监听器。
    • 啊,有道理。谢谢!我会尽快尝试:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多