I am using following code to embed a Youtube video with HTML5 player. It is working fine in Chrome and IE but failing in Firefox.
<iframe width="560" height="315" src="http://www.youtube.com/embed/mwG7z_aowKw?html5=1" ></iframe>
Version of Firefox is 26.0
Is there any error in the iframe code?
Is there any work-around possible?
update - Working in safe mode with addons disabled.
But Problem still persist when disabled all addons in normal mode.
How to debug this problem?
Works for me - FF 27. There is no error in iframe I would say there is something wrong with yours FF.
I ran into a problem with a Youtube video not running on my Wordpress site, www.marcoislandscene.tv. It works fine on Chrome and IE.
YouTube generated the following code:
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/afOCUx-xnsw?rel=0" frameborder="0" allowfullscreen></iframe>
This code would display the preview but the video wouldn't run. I removed "-nocookie" from the code and it runs fine on FF, IE and Chrome.
Related
Hello dear Stackoverflow people!
I have tried to build myself a website, there us just one thing i can't figure out and im hoping you way more experienced people could help me.
The embedded Youtube video, which is meant to serve as a background for the logo works well with FireFox and Google chrome. Just in Safari, the video skips straight to the end and the other recommended videos as soon as the page has loaded. If i open just the youtube.com/embed/ link, it works fine. Is there any way for me to resolve this?
I am not an expert concerning html5 / javascript and i have no idea why it behaves so differently in the different browsers.
I have tried to open the embed link on its own, it works when doing that.
I have also tried looking into the developer menu in safari, but there are no errors.
Sometimes, it loads wrong and if i change the tab for a few minutes and reopen the tab it gets rendered again(?) and then it works; it just never works when you load the page initially
<iframe id="videobgframe-1936929286" class="videobgframe" style="min-height: 708.1875px; min-width: 956.4444444444443px;" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/XzTCntGgNJU?modestbranding=1&autoplay=1&controls=0&wmode=transparent&hd=1&rel=0&autohide=1&showinfo=0&origin=https%3A%2F%2Fwww.ajgapps.com&loop=1&playlist=XzTCntGgNJU&enablejsapi=1&widgetid=1"></iframe>
The expected/desired result is the website behaving just like it does in google chrome and firefox right now, starting to autoplay the video as the logo background when the page has loaded, hiding controls, looping the video and ideally also hiding the recommended videos.
To anyone wondering, I have figured it out finally.
Safari blocks all autoplaying media by default, exempting certain big websites like Youtube or Netflix.
So there is no way around this, if you want to use a video. I will try to use a different media format like a gif maybe...
I have an mp4 video in my site. If I run it in localhost using Safari it works. But if I check it in production (Safari) is not working. The same if I go to the full path of the video.
This is my code:
<video loop="loop" muted="muted" poster="/videos/dashboards_poster.png" autoplay="autoplay" src="videos/dashboards.mp4"></video>
Also, if I go to: https://example.com/videos/dashboards.mp4 is not working and in the console I'm seeing:
Failed to load resource: Plug-in handled load
But if go to: http://localhost:9000/videos/dashboards.mp4 is working!
This is only happening in Safari. Chrome and Firefox works fine. My Safari version is: 9.1 (11601.5.17.1)
Any ideas?
Thanks!
I am currently using the vimeo embed code for iframe and all has been working fine until recently. All of the sudden the fullscreen button on the player no longer works. Same thing is occurring on Windows with FireFox version 41.0.2, but conversely works on Mac OSX. Chrome fails to go fullscreen on both Windows and OSX.
Try adding the html5 fullscreen attributes to your iframe:
<iframe src="//player.vimeo.com/video/VIDEO_ID" width="WIDTH" height="HEIGHT" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true"></iframe>
The src of iframe is a URL to a video. Every time when the page is loaded, it asked me whether to save or open the video. But the video show well on firefox and chrome. When the URL points to video on youtube, it works too. Anyone has the same problem? My IE is 11. But it should work on most IE versions.
<iframe width="550" height="400" src="http://techslides.com/demos/sample-videos/small.mp4" frameborder="0"></iframe>
I'm unsure as to why I'm unable to see the full screen button when viewing an embedded youtube video through an iframe in chrome. This only occurs in chrome (tested with Firefox, IE, Safari, Chrome).
You can see what I mean with the below fiddle as it renders through an iframe.
<iframe width="560" height="315" src="//www.youtube.com/embed/BKorP55Aqvg" frameborder="0" allowfullscreen></iframe>
http://jsfiddle.net/9sgng/
Is this a bug/google preference or is there a way around it?
I worked out that I only had allowfullscreen on the youtube iframe, but you also need it on the iframe that is holding the youtube iframe.