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/
Related
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.
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'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.
Once you finish uploading a video on Youtube, there is suggested embedding HTML code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/UF8uR6Z6KLc" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
What exactly does the accelerometer, gyroscope, and picture-in-picture do?
According to YouTube Help section:
Picture in Picture - Read Here
Allows you to watch YouTube videos while using other apps on your mobile device.
Gyroscope & Accelerometer
This usually refers to when a user rotates or moves their device around, so I'm guessing this would be for when someone embeds a Virtual Reality or 360degree video?