Question

如何绑定以fullscren模式打开jPlayer的按钮？

我的html中有一个自定义用户按钮：

 <a onClick="javascript:$('#top_video_player').jPlayer('fullScreen');event.preventDefault();" class="button" href="#">Open in big Screen</a>

但这不起作用。

我也试试：

$('#top_video_player').jPlayer('option','fullScreen',true)

或

$('#top_video_player').jPlayer('option',{fullScreen:true})

还尝试将类.jp-full-screen添加到我的按钮（标签） - 没有效果）：

但又失败了 - 什么都没发生

在我的jPlayer初始化中，我将其绑定到＆＃34;输入＆＃34;按钮，它的工作原理 - 但我还需要绑定另一个HTML按钮：

keyBindings: {
                play: {
                    key: 32, // space
                    fn: function(f) {
                        if(f.status.paused) {
                            f.play();
                        } else {
                            f.pause();
                        }
                    }
                },
                fullScreen: {
                    key: 13, // enter
                    fn: function(f) {
                        if(f.status.video || f.options.audioFullScreen) {
                            f._setOption("fullScreen", !f.options.fullScreen);
                        }
                    }
                }
            },

提前致谢。

Answer 1

我设法通过使用：

来实现

$（＆＃39;＃top_video＆＃39;）。数据（＆＃39; jPlayer＆＃39;）._ setOption（＆＃39; fullScreen＆＃39;，true）;

其中＆＃39; top_video＆＃39; - jplayer div id

如何绑定在全屏模式下打开jPlayer的按钮

1 个答案: