0
votes

I have been trying to get this piece of code to autoplay on mobile devices. It currently works fine and autoplays on the desktop with multiple browsers.

Please let me know what I need to do in order to get this code to work on mobile devices.

 <iframe src="careerVid.mp4?    
autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute; top:0; left:0; width:100%; height:100%;"     frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Update to this question:

I have used the following code structure to try and add this video which is in an mp4 format to have it work. It currently does not "autoplay" when loading in chrome on an android or iphone. Please let me know if there are any errors present or how to go about updating the code snippet properly.

This is the code that I added the controls muted, but this doesn't work.

Thank you

 <iframe controls muted src="player.vimeo.com/video/…; style="position:absolute; top:0; left:0; width:100%; height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
1

1 Answers

1
votes

At least on Chrome on Android autoplay is disabled and a user gesture is required to start playing (Not sure about Firefox, but could be the same).

Chrom on Android has now allowed to autoplay muted videos (see this bug), maybe this feature helps you if audio is irrelevant.