I have this iframe tag
<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1" width="560" height="315" frameborder="0" allow='autoplay' allowfullscreen></iframe>
I want to auto play the video with sound on. But i am not able to do that. The video is auto playing but in mute.
Is there any solution to do that?
Try removing amp; from the iframe source like this:-
<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1" width="560" height="315" frameborder="0" allow='autoplay' allowfullscreen></iframe>
It should be autoplaying the video with audio on.
Related
For school we need to make a website with a screencast. I have uploaded the video to YouTube and put it embedded in the website. The video shows up but it isn't clickable. When I try autoplay it plays on my friends computer (windows, chrome) but he can't click. On my computer (Mac, Safari) it doesn't even play, it is still on the first frame. Does anyone know how to fix this???
Here's the code:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/qo6rGlgzKWI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
There is no css yet.
It is inside a div with just normal text.
Just tried this one works fine on mac safari
<iframe id="myythtml5player" frameborder="0" allowfullscreen="1" allow="autoplay; encrypted-media" width="560" height="315"
src="https://www.youtube-nocookie.com/embed/qo6rGlgzKWI" data-tooltip-align="b,c" data-tooltip="YouTube video player" aria-label="YouTube video player" data-title="YouTube video player"></iframe>
Example : https://jsfiddle.net/jxfoywb2/
see this answer : youtube embed video not working with safari
<iframe width="640" height="390" src="//www.youtube.com/watch?v=rf-ZbfUTVO0" ></iframe>
i did like this but is is not working. I tried this many time but still not working.
Well, if you want to embed any youtube video then you can click on the share button of Youtube, there you'll find the embed code just like below. I did this and it's working for me.
<iframe width="560" height="315" src="https://www.youtube.com/embed/rf-ZbfUTVO0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
I am trying to embed youtube video (my own) on my blog and I don't want to see recommended videos at the end, unfortunately ?rel=0 or &rel=0 doesn't work.
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/MY_VIDEO_ID?rel=0" allowfullscreen=""> </iframe>
Thanks in advance!
Try this adding end of the embedded link
?rel=0& showinfo=0
Example -
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZJDMWVZta3M?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
I have youtube video on page:
<iframe id='youtubeTrailer' width="560" height="315" src="//www.youtube.com/embed/0Vsy5KzsieQ" frameborder="0" allowfullscreen></iframe>
and some poster. I wrote index for img greater than for video. but it's still does not work. How can I fix it?
That's because flash mostly ignores z-index (unless wmode is set to opaque). You can follow the steps detailed here to correct it.
What the guide above details is just setting the wmode to transparent by modifying the iframe code.
<iframe id='youtubeTrailer' width="560" height="315" src="//www.youtube.com/embed/0Vsy5KzsieQ?wmode=transparent" frameborder="0" allowfullscreen></iframe>
My code right now looks like this:
<iframe title="YouTube video player" width="640" height="360" src="http://www.youtube.com/embed/6X3zUh8RqbY?hd=1" frameborder="0" allowfullscreen></iframe>
I read here and elsewhere that the ?hd=1 part should turn it to hd, however this doesn't work for me. The video is embedded as 360p...
Try using
<iframe title="YouTube video player" width="640" height="360" src="http://www.youtube.com/embed/6X3zUh8RqbY&ap=%2526fmt%3D22" frameborder="0" allowfullscreen></iframe>
Method found at
http://www.mydigitallife.info/how-to-embed-and-play-720p-hd-high-definition-youtube-videos-fmt22-code-hack/
<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>
iFrame video and audio is encoded using lossy compression. Only intraframe compression is enabled; every frame is a stand-alone i-frame. The width and height set the size of the video that will be uploaded.
example: