I have tried a lot of different codes find on this forum and other websites to mask the top bar : logo, title and share option but no one is working. I really need it to integrate a video on my website. Could you please help me ? I am not a developper, I am not comfortable with codes etc... but I understand html language and I don't know why it is not working.
Exemple of codes tried that didn't work:
<iframe width="560" height="315" src="https://www.youtube.com/embed/DXiZlOnniwA?modestbranding=1&showinfo=0&fs=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" frameborder='0' allowfullscreen></iframe>
or
<iframe src="https://www.youtube.com/embed/DXiZlOnniwA?&modestbranding=1&showtitle=0&controls=0" frameborder="0"width="500" height="280"></iframe>
Related
I paste this code to Scratch site using devtools:
<iframe width="560" height="315" src="https://www.youtube.com/embed/dwEpRL1RiD4?showinfo=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
I tried, too:
<iframe class="youtube-player" type="text/html" width="538" height="324" src="//www.youtube.com/embed/SvOx7tA_Cv8?fs=1&rel=0&autoplay=1&showinfo=0" frameborder="0"></iframe>
The video title and uploader is shown on all sites except Scratch site.
I inspected codes of Scratch site, but I was unable to fix issue. How can I fix it?
It is deprecated in 2018. Now not for use in websites except scratch.mit.edu.
You cannot do it, it is only available for that site.
I've been trying to do some basic embedding from Yt on my HTML paged, and I got it to display the livestream itself perfectly. The livestream embed references my channel, so if I decide to livestream whenever, I do not have to change the video id every time to do so.
<iframe width="560" height="315" src="https://www.youtube.com/embed/live_stream?channel=UC0F8uoItJ00zVdyJllC-6yA&modestbranding=1&autohide=1&showinfo=0&autoplay=1&mute=1&origin=http://alecharvey.net"
title="YouTube video player" frameborder="0" autoplay=1 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
Now, the next thing I wanted was to do the same thing but for the livestream's chat. I tried this:
<iframe width="350px" height="500px" src="https://www.youtube.com/live_chat?channel=UC0F8uoItJ00zVdyJllC-6yA;embed_domain=alecharvey.net"></iframe>
but it didnt work. I figured if i replaced the v=VIDEO_ID with channel=CHANNEL_ID that it would reference the a currently-runnning livestream on my channel and embed the chat from that livestream, but I guess I am wrong. Is there a way of doing this? What is the proper syntax? Do I just have to reference the stream itself to get its chat, like from above?
Thank you for any useful/helpful advice
you need to use & instead of ;
From this
https://www.youtube.com/live_chat?channel=UC0F8uoItJ00zVdyJllC-6yA;embed_domain=alecharvey.net
to this
https://www.youtube.com/live_chat?channel=UC0F8uoItJ00zVdyJllC-6yA&embed_domain=alecharvey.net
I hope this helps.
How can I remove the watch later and share buttons from youtube iframe embed player. Using the following embed code for embedding video clips.
i use this parameter but still not working
"showinfo=0" and "controls=0"
You can use the no cookie version of the video, to disable the "watch later" and "share" buttons.
If your embed code looks like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/HJtJXMKpl2g" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
You have to change it to this:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/HJtJXMKpl2g" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
or just check the checkbox in the youtube embed window.
This way, your URL will just look a little bit different:
https://www.youtube.com/embed/HJtJXMKpl2g
is changed to
https://www.youtube-nocookie.com/embed/HJtJXMKpl2g
and the "watch later" and "share" buttons will be hidden automatically.
I've a problem with removing Youtube logos after embedding it inside a Web Page.
I mean this logo
I've already tried with modestbranding=1 and showinfo=0 inside my HTML code with no success. I also need that the video have no buttons, bars or something any user can interact with. My actual code is this:
<iframe id="ytplayer" type="text/html" width="720" height="405" src="https://www.youtube.com/embed/GTLf1lLRdbU cc_load_policy=1&controls=0&disablekb=1&enablejsapi=1&modestbranding=1&iv_load_policy=3&showinfo=0" frameborder="0" allowfullscreen></iframe>
Any solution to my issue? Thank you in advice.
pretty straightforward, this is the code:
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="405" src="https://www.youtube.com/embed/GTLf1lLRdbU?enablejsapi=1" width="720" data-gtm-yt-inspected-11424724_51="true" id="59623043"></iframe>
I tried adding this youtube link into my html code and everytime I try to play the video, it gives me a playback error.
I was just wondering if I am missing any piece of code or if it just internet issues?
Thanks
The code is in the comments because for some reason it is not letting me attach my code in the body.
If you go to that actual video https://www.youtube.com/watch?v=TbDyiwurjwI
and then go to "Share" then "Embed" you'll see the embed code is
<iframe width="560" height="315" src="https://www.youtube.com/embed/TbDyiwurjwI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
So the iframe URL is https://www.youtube.com/embed/TbDyiwurjwI not http://youtube.com/embed/watch?v=TbDyiwurjwI
I don't know where you got http://youtube.com/embed/watch?v=TbDyiwurjwI from, but you can't just construct URLs and hope they work, the server has to support them.