HTML5 Autoplay Blocker - Chrome Web Store Consequences resulting from Yitang Zhang's latest claimed results on Landau-Siegel zeros. Asking for help, clarification, or responding to other answers. It only happens when the browser is narrow, which is why you are only seeing it on mobile devices. Now the video starts automatically in Chrome. Ive got no Hype for the next days You May provide a hypefile for someone to step in , ou May provide a hypefile for someone to step in , And the external code thats calling the change to the iframe. If you take a look at the div with id "quotesRight" in either the an iOS inspector using developer tools and a connected iPhone, or in safari on a Mac with the browser reduced to a single column width, you will see that the div is on top of the video so you can't hit the play button: If you delete this div in the browser inspector the video plays fine on the iOS device. Making statements based on opinion; back them up with references or personal experience. Fix 4: Reset Network Settings on iPhone. Why is there a fake knife on the rack at the end of Knives Out (2019)? and IOS 10 + supports autoplay I also tried a custom-html block but the effect was the same. How do I get the reference to an existing YouTube player? I imported a youtube video using `iframe, but it doesn't work on mobile, but runs perfectly on desktop. @Mick by not working, I mean: the video doesn't start to play when you touch it and if you double-touch it, the page zooms in. What are some tips to improve this product photo? Connect and share knowledge within a single location that is structured and easy to search. Today, I will share my experience on how I have learned to make an iframe responsive for YouTube embeds. Off-Topic as its not regarding the iOS but the suggestion: I dont understand the global variable approach? This theme is a customized purchased template, so I can't get support from Shopify and the original theme developers also said it was customized too much to offer support. Here is the sample code with the YouTube example video: adding a display: block to iframe solved my problem. If the iframe were positioned normally, we would have given it a height of 0 as well. Thank you everyone for the help - once again, this community has been an amazing asset to Hype. --> <div id="player"></div> <script> // 2. (the universal video format of the 20th I have had embeds not work when embedding in the pane, including other story maps and iframe code. How to add autoplay and a loop to a Youtube video on HTML? My profession is written "Unemployed" on my passport. The iframe is used via your plugin. When the migration is complete, you will access your Teams at stackoverflowteams.com, and they will no longer appear in the left sidebar on stackoverflow.com. 503), Fighting to balance identity and anonymity on the web(3) (Ep. iframe video not working on mobile. iFrame embed (for Youtube video) not appearing in Safari, Typo3 CKeditor