Information from the Official Adobe site about this issue The issue is when you embed a youtube link: https://www.youtube.com/embed/kRvL6K8SEgY in an iFrame, the default wmode is windowed which essentially gives it a z-index greater then everything else and it will overlay over anything. Try appending this GET parameter to your URL: wmode=opaque like so: https://www.youtube.com/embed/kRvL6K8SEgY?wmode=opaque … Read more
I’ve found the solution : You have to add the html5=1 in the src attribute of the iframe : <iframe src=”http://www.youtube.com/embed/dP15zlyra3c?html5=1″></iframe> The video will be displayed as HTML5 if available, or fallback into flash player.
Updating youtube-dl helped me. Depending on the way you installed it, here are the commands: youtube-dl –update (self-update) pip install -U youtube-dl (via python) brew upgrade youtube-dl (macOS + homebrew) choco upgrade youtube-dl (Windows + Chocolatey)
Try adding wmode, it seems to have two parameters. &wmode=Opaque &wmode=transparent I can’t find a technical reason why it works, or much more explanation but take at look at this query. <iframe title=”YouTube video player” width=”480″ height=”390″ src=”http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent” frameborder=”0″ wmode=”Opaque”> or this //Fix z-index youtube video embedding $(document).ready(function (){ $(‘iframe’).each(function(){ var url = $(this).attr(“src”); $(this).attr(“src”,url+”?wmode=transparent”); … Read more
This answer does not work anymore, but I’m looking for a solution. As of . 2015 / 02 / 24 . there is a website (youtubeinmp4) that allows you to download youtube videos in .mp4 format, you can exploit this (with some JavaScript) to get away with embedding youtube videos in <video> tags. Here is … Read more
Try adding ?wmode=opaque to the URL or &wmode=opaque if there already is a parameter. If it doesn’t work try this instead, &wmode=transparent which will work in IE browser as well.
You can make YouTube videos responsive with CSS. Wrap the iframe in a div with the class of “videowrapper” and apply the following styles: .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } … Read more
To obtain the channel id you can view the source code of the channel page and find either data-channel-external-id=”UCjXfkj5iapKHJrhYfAF9ZGg” or “externalId”:”UCjXfkj5iapKHJrhYfAF9ZGg”. UCjXfkj5iapKHJrhYfAF9ZGg will be the channel ID you are looking for.
And how about this: public static void watchYoutubeVideo(Context context, String id){ Intent appIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(“vnd.youtube:” + id)); Intent webIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(“http://www.youtube.com/watch?v=” + id)); try { context.startActivity(appIntent); } catch (ActivityNotFoundException ex) { context.startActivity(webIntent); } }
Make sure you have the last version for youtube-dl sudo youtube-dl -U after that you can solve this problem by installing the missing ffmpeg on ubuntu and debian: sudo apt-get install ffmpeg and macOS use the command: brew install ffmpeg