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.
Related
I am new to HTML/CSS basics and am trying to embed a video in MailChimp but I met a problem.
When I used the code block in MailChimp to embed a YouTube video like this:
<iframe width="560" height="315" src="https://www.youtube.com/embed/ABRwvcAtRNk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
it showed on the screen. However, when I previewed the email, the video just wouldn't show up.
I wonder where the problem is and how I can embed a video using MailChimp.
Thank you so much!!!
<iframe> are usually not well supported in email clients. It looks like Mailchimp has a specific Video content block to insert videos in emails: https://mailchimp.com/en/help/add-video-to-a-campaign/
I'm a newbie in HTML ... I'm trying to do my best ;)
I want to add an youtube video, to do that I've added this piece of code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/BLABLA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
it works ... but, the video never plays... loading loading ... and loading
I'm under eclipse, so I tried to play the video in the Web Browser editor.
I tried to play another video (without "embed" in the url, but a classical url) and same ... loading loading ...
I've filled the network connection in the Preferences to bypass my proxy
Maybe the youtube subscription blocks the video??
Another idea ?
Many thanks
Christelle
I'm trying to embed a youtube video into one of my certification projects and I made sure to add the "embed" within the url but I'm still getting an error
<iframe id="video" width="444" height="281" src="https://www.youtube.com/embed/gYvoD2RZK1A&t=164s&ab_channel=BLOCKHEAD">Video not available...</iframe>
Open to any input thank you very much
The embed is not working because the first GET is a & and not a ? in the source link. Read more about HTTP Method GET
Here is the embed code for your video at the starting point 2:44.
<iframe id="video" width="444" height="281" src="https://www.youtube.com/embed/gYvoD2RZK1A?start=164" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
If you click the share button under youtube videos and then embed, youtube generates the embed code you need!
Just take away the excess
<iframe id="video" width="444" height="281" src="https://www.youtube.com/embed/gYvoD2RZK1A"></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.
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>