Jw player Video not auto starting on Mobile devices

Question

Hi I am using the jwplayer to generate the video for my website. Video is autoplaying on web browsers but for mobile device its not auto playing and loading showing there. Script used to setup jwplayer is below:

version: 6.11

Here are the setting for the player

_player = jwplayer('dv_VideoPlayerUrl').setup({
            'id': 'playerID',
            'width': '100%',//options.width,
            'height': '100%',// options.height,
           'file': "my .mp4 file here",
            'streamer': ((isAndroidStream) ? filePath : ''),
            'flashplayer': '../../Scripts/JWPlayer/jwplayer.flash.swf',
            'html5player': '../../Scripts/JWPlayer/jwplayer.html5.js',
            'primary': 'flash',
            'autostart': 'true',

What is wrong with this script that my video not auto playing on mobile device.

How can I fix this issue?

Screen showing here on mobile devices.

Autostart is not supported by mobile devices natively. Also updating to 6.12 will fix the buffering issue. — emaxsaun, Apr 28 '15 at 15:45
And mobile devices won't autostart for very good reasons - expensive bandwidth, and not wanting to have a noisy video start playing while you're in a meeting, restaurant, etc. On most sites, I'd like to ban autostart videos even on desktop machines. — MisterNeutron, Apr 28 '15 at 15:57

score 2 · Accepted Answer · edited May 23 '17 at 10:30

It is not recommended to have autostart for mobile device.

As @MisterNeutron mentioned

mobile devices won't autostart for very good reasons - expensive bandwidth, and not wanting to have a noisy video start playing while you're in a meeting, restaurant, etc. On most sites, I'd like to ban autostart videos even on desktop machines

Also Mobile device does not support the auto start, see below

How to autoplay HTML5 mp4 video on Android?

Can you autoplay HTML5 videos on the iPad?

enable-autoplay-html5-video-in-chrome

Even if use onReady API of jwplayer to play() function

jwplayer().onReady(function() { 
    jwplayer().play();
    }

it will not work without touch event in mobile device.There could be workaround for this where you provide an overlay over video player or keep a play button, only for mobile devices, where user will be asked to click on button and onclick you can play the jwplayer.

 $(document).ready(function() {
    $("#video1").bind("click", function() {
     jwplayer().play();
    });
});

Anyways, jwplayer itself have this functionality where user clicks on video to play without autostart.

I am just giving you various options to pick from, select whichever is convenient to your project.

Jw player Video not auto starting on Mobile devices

1 Answers1