jwplayer set fullscreen mode onclick

Question

Why this code in not working for me ? I want set player in fullscreen mode on click...

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 · answered Jun 01 '14 at 05:06

3

Quoting from the JW Player API Reference:

Note there is no API call to set fullscreen, due to phishing-related security restrictions in both Flash and HTML5.

answered Jun 01 '14 at 05:06

MisterNeutron

3,359
3
17
20

Indeed, you cannot set fullscreen via the API. – emaxsaun Jun 02 '14 at 03:55
http://stackoverflow.com/questions/28950191/jwplayer-full-screen-when-user-clicks-on-play ... will this work ? – Hitesh Nov 21 '15 at 11:08

score 0 · Answer 2 · edited May 23 '17 at 11:51

This will only work in HTML5 mode:

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

Link : https://stackoverflow.com/a/28950999/1877909

If you are using angular, you can use angularFullScreen which only works for html5

jwplayer set fullscreen mode onclick

2 Answers2