I am trying (and failing) to make an embedded youtube video autoplay
Here is the code:
<iframe width="560" height="315"
src="https://www.youtube.com/embed/jH1RNk8954Q"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
is there a way to make this autoplay? If so please could I have it.
In HTML and CSS by the way
Have a look at https://developers.google.com/youtube/player_parameters?hl=en
Sample there for autoplay:
<iframe id="ytplayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&origin=http://example.com"
frameborder="0"></iframe>
Related
I am unable to get this (https://youtu.be/gnRxUDOJ-M0) youtube video to play in my browser even though I have another video that is working as intended. I'm not seeing what I am missing?
https://thepowerhousemethod.org/nextsteps.html
Working
<iframe width="560" height="315" src="https://youtu.be/gnRxUDOJ-M0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Not Working
<iframe width="560" height="315" src="https://www.youtube.com/embed/X0wNGbjmU4w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Use the embed URL from Youtube and paste to .html page
I can add a YouTube video to a survey like this
This uses embed code like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/9QiE-M1LrZk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
But when I replace the src with a link to my own video
<iframe width="560" height="315" src="link_to_my_mp4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
It doesn't work (the video is not displayed on the survey).
Is there a way to achieve this?
(The reason I want to use videos on my own server is that I don't want people to have to watch ads on YouTube).
Thanks.
There are many question like this in stackoverflow but without answer that is why I am asking this question . This is showing only text not html iframe inside table td
<!DOCTYPE html> <html> <head></head> <body> <iframe width="1280" height="609" src="https://www.youtube.com/embed/VOoGQIBj9_Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </body> </html>
my code - this is working fine in w3schools but not here
Your code is working fine. Try only adding code withing iframe tag instead of whole HTML code.
<iframe width="1280" height="609" src="https://www.youtube.com/embed/VOoGQIBj9_Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
I'm using GitHub pages and I have an issue with embeding videos: the video dispkay an error message when I click play and below my html code:
<div class="row video">
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/{% "eBzTCbGnlWo" %}" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
Please help me to solve this issue, below is a screenshot:
It's true that the readme.md itself cannot have embedded videos but a GitHub.io page is allowed to. Here I have an old video example still working today, proving that GitHub does allow videos.
Solution:
Replace your line:
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/{% "eBzTCbGnlWo" %}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
With this modified version:
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/LgWX2sPZQsE/" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
I have this code in my html file and it is not working, is there any mistake?
<iframe class="video" src="
https://www.youtube.com/playlist?list=PLugGnSaLgr_1zb5n91s6okPtwm0MfgFD1?controls=0&showinfo=0&rel=0&autoplay=0&loop=0&mute=1&cc_lang_pref=en&cc_load_policy=1" frameborder="0" allowfullscreen></iframe>
Try this snippet
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLugGnSaLgr_1zb5n91s6okPtwm0MfgFD1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>