autoplay=1 not working for <iframe> in playing video in mobile devices

html ios video iframe autoplay
Vishnu Prasad picture Vishnu Prasad · Dec 16, 2014 · Viewed 11.9k times · Source

I'm working with video. When i click on Video Thumbnail a pop appears and Video plays in that,I need to start play the video (without clicking the play button) when popup opened.I tried with code below.

It was working perfect in web but not in mobile devices like iPhone ,iPad

<iframe
        title="YouTube video player"
        id="videoFrame"
        class="youtube_iframe" src="http://www.youtube.com/embed/JW5meKfy3fY?wmode=opaque&amp;autoplay=1"
        frameborder="0"   width="395" height="280"        allowfullscreen=""        scrolling="no">
</iframe>

But not auto played when video is opend in popup. thankx in advancee

Answer

Mark Haveman picture Mark Haveman · Apr 18, 2018

To add muted in an iframe link use it like "&muted=1". The complete link will be something like:

<iframe id="video-iframe" src="https://player.vimeo.com/video/125472391?api=1&player_id=video-iframe&autoplay=1&muted=1&loop=1&color=ffffff" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0"></iframe>

Related questions

HTML5 Video autoplay on iPhone

I have some kind of a strange problem. I try to create a website with a looped background video. The code looks like this one: This works perfectly fine on most browsers (IE struggles with this object-fit thing but I …

Read More
Implementation of HTTP Live Streaming in iOS

I want to write a little iOS video client and have to use HTTP Live Streaming. The videos come from a Wowza Media Server which supports HTTP Live Streaming, so the server-side implementation is not my problem. I have already …

Read More
How to MPEG-DASH video streaming in iOS?

I am trying to write a java script based implementation of MPEG-DASH for video streaming . I have referenced following documents dash.js - https://github.com/Dash-Industry-Forum/dash.js/wiki Google Shaka Player - https://github.com/google/shaka-player These …

Read More