Vimeo Page Section background video autoplay issue in Chrome


#1

Problem:
Vimeo video in Page Section background not auto-playing in the latest Chrome version.

Affected Versions:
Chrome 66

How to solve:

  1. Please edit video-background.php file present in themes/jupiter/components/shortcodes/mk_page_section/components folder.

  2. Go to line 54 and you will see the below line of code:

    <iframe src="//player.vimeo.com/video/<?php echo $view_params['stream_video_id']; ?>?badge=0;api=1;loop=<?php echo $loop; ?>" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Replace the code with the below:

<iframe src="//player.vimeo.com/video/<?php echo $view_params['stream_video_id']; ?>?badge=0;background=1;&muted=1;api=1;loop=<?php echo $loop; ?>" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Permanent Fix:
The permanent fix of this issue will be released in the future theme update.


#2

#3

I’ve discovered that there is a simpler solution if you only have one or two videos or you don’t have access to the wordpress code. After some research on google developers site: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes, simply adding this to your embed solves it.

add

?badge=0;autoplay=1&loop=1&autopause=0&muted=1

to the end of the Video ID to fix the chrome autoloop bug. This worked for me on all Jupiter sites (latest version 6.1.4)