Iframe to download youtube video and then disappears on android chrome

I add an iframe to display a youtube video, the video renders fine and is responsive on all devices except the chrome chrome browser. The video appears for a second and then disappears. When inspecting the element in Chrome developer tools, I can see that the Div containing my iframe becomes empty after a second.

I tried to put it in the base provided video container (site uses zurb base for responsive design) but the problem still persists, in fact the iframe video container doesn't stay for more than a second. Any help is greatly appreciated.

I have red these questions but none of them solve my AngularJS problem : Embedding Youtube video in iframe does not work on Android Chrome

youtube video fades quickly

Why is my iframe video disappearing?

I am not yet authorized to post the image, so I am posting the image here. http://i61.tinypic.com/vfwjnk.png

A full-screen-video-container in a div class that contains an iframe. You can see that the div becomes empty after a second.

Console has no errors

+3


source to share


1 answer


This was the first post I found on the topic. I came across this just the other day. I had the option of URL embedding, so I was confused. It's all very simple. Realized that it was a WordPress plugin trying to do tricky things with regex and handle its own inline tricks. Disabling the relevant plugin made things work.



0


source







All Articles