Youtube Video shows "This video contains content from ...., who has blocked it from display on this website".
I am using
<iframe height="166" frameborder="0" width="306" style="border:1px solid #ccc;" allowfullscreen="" src="https://www.youtube.com/embed/SidK27PA1Wg/?autoplay=1&autohide=1&border=0&wmode=opaque&enablejsapi=1"></iframe>
How will I fix this?
If the response is:
"This video contains content from ...., who has blocked it from display on this website"
That means the user disabled embedding the video. It's an option you've when uploading a video. So it's not possible to embed that video
Related
I am trying to use youtube embed video as background of website banner. I'm using iframe to render youtube video.
Added below parameters to the video link, but still video showing YouTube logo at bottom right corner and showing video title and share link on the top.
controls=0&autoplay=1&mute=1&enablejsapi=1&showinfo=0&autohide=1
How to remove video title, share link and YouTube logo ? Is there a way to stop showing related videos ?
What you're looking for is the showinfo=0 and rel=0 parameters, which have been deprecated and removed over the last two years. "Show related Videos", at least, can be prevented by forcing the video to repeatedly loop with &playlist=videoID, and the youtube button in the bottom-right corner can be removed via modestbranding=1.
This is about as close as you can get, which will show a brief flash when the video loads:
Codepen: https://codepen.io/Terrafire123/pen/yLayQvM
Note that hiding the Youtube buttons and branding (More than modestbranding=1) may be a violation of Youtube's Terms of Service, as apparently the Youtube branding is a key part of the "Youtube Experience". See this link for more information:
https://developers.google.com/youtube/terms/developer-policies-guide#your_api_service_must_reflect_a_user%E2%80%99s_standard_experience_on_youtube
<div class="wrapper">
<iframe src="https://www.youtube.com/embed/oSmUI3m2kLk?autoplay=1&controls=0&disablekb=1&loop=1&modestbranding=1&playsinline=1&color=white&mute=1&playlist=oSmUI3m2kLk" ></iframe>
</div>
<!-- Note the video ID, oSmUI3m2kLk, appears twice. Once in the beginning, and once at the end inside "playlist.", which will force it to continually loop over the same video -->
body,html{
margin:0;
}
.wrapper{
height:500px;
position:relative;
overflow:hidden;
}
iframe{
position:absolute;
top:50%;
transform:translateY(-50%);
left:0;
pointer-events:none;
width:100%;
height:56.25vw;
}
After search on google and Stackoverflow, i can't find any solution. Some people write me saying that the youtube videos embebed on my website, load correctly, but without sound on iPhone5 and some iPad's.
I'm using this embebed iframe:
<iframe class="youtube-player" type="text/html" width="560" height="315" src="//www.youtube.com/embed/n6ro5O1_FEs?ps=docs&controls=1" frameborder="0" allowfullscreen></iframe>
I added
class="youtube-player" type="text/html"
ps=docs&controls=1
Over the normal iframe to improve click response on mobile version, without that, we need do many clicks to play video on mobile.
And this is my website http://goo.gl/oSqMFI
Best regards
Here's what I'm interested in doing. I haven't been able to figure it out so I thought I would ask for advice.
1) Take the link for a YouTube video in the iFrame format they provide.
2) Put this in a post on my blog.
3) When I send someone to this particular post I would like for the video to automatically play and not only that, play in full screen mode.
Is this something I can do? If so can you please tell me how?
Thanks
use autoplay=1 as a parameter in src of your video -
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/zGPuazETKkI?autoplay=1" frameborder="0" allowfullscreen></iframe>
For more details follow the link - https://developers.google.com/youtube/player_parameters
I am using an iFrame for embedding a youtube video in my iOS/iPad application, application displays video nicely, but the problem is, it always streams a low resolution video, I did try all of the "hd=1" of "vq=large" and a few more things. it's not helping. Any help will be greatly appreciable.
go to the Share tab below the video, then the Embed tab
copy the html provided and paste into your site’s editor, should look something like this:
<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/RrphKwWOfcg?rel=0″ frameborder=”0″ allowfullscreen></iframe>
then add the magic html additions (in bold)
<iframe width=”560″ height=”315″ src=”http://www.youtube.com/embed/RrphKwWOfcg?rel=0&vq=hd1080” frameborder=”0″ allowfullscreen></iframe>
(or ?rel=0&vq=hd720 for 720p)
If I copy the embed code from a YouTube video I get the code below.
<iframe width="560" height="315" src="//www.youtube.com/embed/kk5xfK0ovrk" frameborder="0" allowfullscreen></iframe>
And if I select a 1280x760 size for the video and copy that embed code I get:
<iframe width="1280" height="720" src="//www.youtube-nocookie.com/embed/kk5xfK0ovrk?rel=0" frameborder="0" allowfullscreen></iframe>
But if I just take the original embed code and only change the width to 1280 and height to 720 I also get a perfectly good 1280x760 video. So I'm wondering what the purpose is of the "-nocookie" and the "rel=0" in the code YouTube generates for the 1280x560 case.
Thanks
YouTube's new 'nocookie' feature and Quoting from the Youtube's Rel=0 Documentation:
rel (supported players: AS3, AS2, HTML5) Values: 0 or 1. Default is 1.
This parameter indicates whether the player should show related videos
when playback of the initial video ends.
But after 25 September 2018, you will not be able to disable related
videos. Instead, if the rel parameter is set to 0, related videos will
come from the same channel as the video that was just played.
For further information you can read through the YouTube Embedded Players and Player Parameters where all the parameters are listed.