jquery - jwplayer 设置全屏模式 onclick

Question

为什么这段代码对我不起作用？我想在点击时将播放器设置为全屏模式...

jwplayer('player').setup({
    file: 'file.mp4',
    image: 'poster.jpg',
    width: '600px',
    aspectratio: '4:3'
});
$(document).ready(function() {
    $('#player').click(function() {
        jwplayer('player').setFullscreen(true);
    }); 
});

score 3 · Accepted Answer

引用 JW Player API 参考：

请注意，由于 Flash 和 HTML5 中与网络钓鱼相关的安全限制，没有设置全屏的 API 调用。

score 0 · Accepted Answer

这仅适用于 HTML5 模式：

<!DOCTYPE html>
<html>
<head>
    <title>Full Screen</title>
</head>
<body>
    <script src="http://p.jwpcdn.com/6/12/jwplayer.js" type="text/javascript"></script>
    <div id="player"></div>
    <script type="text/javascript" language="javascript">
    jwplayer("player").setup({
        file: "http://content.jwplatform.com/videos/C4lp6Dtd-el5vTWpr.mp4",
        image: "http://content.bitsontherun.com/thumbs/i8oQD9zd-640.jpg",
        primary: 'html5',
        width: 640,
        height: 360
    });
    jwplayer().onDisplayClick(function() { jwplayer().setFullscreen(true); });
    </script>
</body>
</html>

链接：https ://stackoverflow.com/a/28950999/1877909

如果您正在使用angular，您可以使用仅适用于 html5 的angularFullScreen

jquery - jwplayer 设置全屏模式 onclick

2 回答 2

Related

Reference