JWplayer Full screen when user clicks on play

Question

How do I make JWplayer full screen as soon as a user clicks on the play button? I couldn't find anything relating to this on their support.

score 4 · Accepted Answer · answered Mar 09 '15 at 20:18

4

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>

answered Mar 09 '15 at 20:18

emaxsaun

4,191
2
13
13

Thank you so much for your help, I can see now how it perfectly works. – Digis Mar 11 '15 at 17:01
It will not. setFullscreen only works in html5, not Flash, and IE8 does not support HTML5. – emaxsaun Nov 23 '15 at 05:21
@emaxsaun in this way can I disable fullscreen all the time or on display double tap. – WP Learner May 13 '16 at 06:41
suppose i have multiple videos then how to open particular video on full screen ? – Gomzy Dec 07 '16 at 11:34
Email support jwplayer com about that. – emaxsaun Dec 08 '16 at 16:38
Use `jwplayer("player").on('displayClick', function() { jwplayer("player").setFullscreen(true); });` for v8 of jwplayer – bhu Boue vidya Sep 30 '19 at 12:25

JWplayer Full screen when user clicks on play

1 Answers1

Linked