I'm embedding an iframe with the following src:
src="https://www.youtube.com/embed/2NUdEvBliD4?autoplay=1&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_youtube1&origin=http%3A%2F%2Flocalhost%3A8888&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1"
The video loads only the cover image, but does not begin playing. It's the only one of the flags it seems to ignore.
Thanks for the help!
You mean :
<iframe frameborder="0" src="https://www.youtube.com/embed/2NUdEvBliD4?autoplay=1&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_youtube1&origin=http%3A%2F%2Flocalhost%3A8888&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1"></iframe>
LIVE EXAMPLE
Related
Only certain video files in tag are played on a white screen.
Other files with the same extension work well.
It plays when you convert the file to another extension. (ex. mov -> mp4)
<video controls autoPlay width="100%" height="100%">
<source src={videoUrl} />
</video>
I think it has something to do with the HEVC codec.
my electron version 18.0.4
Add meta to html
http-equiv="Content-Security-Policy" content="media-src *;">
The video url works well if you do it on Chrome.
I share my solution.
Just a chromium version problem.
update v100 -> v110
Make sure electron >= 22 (chromium 107 add hevc hw decoding support) will solve your problem.
I want to add a video player in as.net Mvc for playing videos. I have already tried JW Player, FlowPlayer, Video.js and JPlayer. The problem is no player shown video in chrome, firefox, and safari just playing audio with a blank screen. I have checked that video in IE and it work great and if i download video from chrome and play in vlc or window media player then it run perfectly. So, please let me know which player is best? I have also unchecked disable hardware acceleration option in chrome but no improvement shown in behavior. My video type is strictly mp4. So, please help .
Thanks.
I suggest you to use the HTML5 video element.
<video width="400" controls>
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
Here for documentation and exaple
I suggest you use Video.js. It is simple to inject into your asp.net application. Here is how:
Using Bower, install Video.js into your application
Reference the video.js javascript file and style sheet
<link rel="stylesheet" href="~/lib/video-js/video-js.css"/>
<script src="~/lib/video-js/video.min.js"></script>
In your site.js file you can add this code so that every video tag will have the video.js player
var VideoElements = document.getElementsByTagName('video');
for (var i = 0; i < VideoElements.length; i++){
videojs(VideoElements[i]).ready(function () {
var myPlayer = this;
});
}
I have tired all the iframe and URLs that I came across while searching for an answer. I did see a post where YouTube support was quoted HTML5 ignores cc_load_policy parameter but that conflicted with what I found on the dev site that states AS3 and HTML5 support this parameter. Using this code for the dev video works - autostarts and displays the closed captions. When I use another video that has closed captions it doesn't show them.
This works
<iframe width="420" height="345"src="http://www.youtube.com/embed/M7lc1UVf-VE?cc_load_policy=1&autoplay=1"></iframe>
I updated the video ID with another video that has closed captions but they DO NOT display.
<iframe width="420" height="345"src="http://www.youtube.com/embed/0F87rB0c6Is?cc_load_policy=1&autoplay=1"></iframe>
Any ideas?
I am trying load a YouTube video into a HTML 5 tag.
The problem I am having is I do not know what the “src” property should be. Using the URL for a video on YouTube does not seem to work, that URL seems to retrieve an entire page rather than just a video file.
I have been able to copy and paste YouTube’s own tag (by viewing the page source), that they use on their pages, but this is not a very efficient or long term solution. Is there a better solution?
I have tried to use YouTube’s API, but no matter what I do, it seems always to pull in the flash player version of the player (which of course won’t work for iOS.) Am I missing something obvious here?
This blog post might help: http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html
The suggestion is to use this code:
<iframe class="youtube-player" type="text/html" width="640" height="385"
src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>
The iframe will autodetect HTML5 capabilities and use them; if not, it uses Flash as fallback.
I am trying to embed the you tube video in my web site . I would like to embed this video in my site for example http://www.youtube.com/watch?v=Ma4k5sEdBDo
It works well when I use the url http://www.youtube.com/embed/Ma4k5sEdBDo in the iframe, but it is not working when I use the url http://youtu.be/Ma4k5sEdBDo ( that got from the share option). I would like to enter the url from the share option.
This is my code
<iframe width="420" height="315" src="{$movieDetails.url}" frameborder="0" allowfullscreen></iframe>
Thanks in advance,
Sunil
In order to embed your channel, all you need to do is copy then paste the following code in another web-page.
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=YourChannelName&synd=open&w=320&h=390&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
Make sure to replace the YourChannelName with your actual channel name.
For example: if your channel name were CaliChick94066 your channel embed code would be:
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=CaliChick94066&synd=open&w=320&h=390&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
Please look at the following links:
YouTube on your site
Embed YouTube Channel
You just have to name the URL to your channel name. Also you can play with the height and the border color and size. Hope it helps