When I try to use iframe embedding for youtube video it sometimes loads HTML5 player and sometimes flash player.
Specifically, this <iframe src="https://youtube.com/embed/M7lc1UVf-VE"></iframe> will load flash player whereas <iframe src="https://youtube.com/embed/Zti5s48tc7k"></iframe>will load HTML5 player.
When I open both the videos in YouTube website both of them load in HTML5 players.
I cannot figure out why different videos load in different players.
it sound like video comparability so deepened how youtube video stored in their server they provide different player so the video played correctly. I think this happened with old video and there is nothing you can do about it.
Note: this is just person guessing of the issue.
Related
I have a webpage on Blogger where I want to embed Youtube videos and play them automatically.
The autoplay function of Youtube either does not work or the views are not recognized.
So I need a script that I can insert in my website which automatically clicks the Youtube videos as soon as the website has loaded and can play.
you can try to use some
Headless Script Browser such as Puppeteer:
https://github.com/puppeteer/puppeteer
or PhantomJS:
https://phantomjs.org/
I have developed an application that uses vimeo player to play videos.
Now I want to use locally hosted videos instead of vimeo.
I tried to convert my code to make use of videojs player instead of vimeo player.
But I didn't worked for me.
Is there any way, I can play locally hosted video using vimeo player? So I dont have to change code.
Are there any guide to help me convert from vimeo to videojs.
I am confused in video events and methods that need to translated.
I am wondering how can I play locally store videos on HTML5 with lightbox effects (where it pop-ups and play). I've tried a few options such as:
http://ashleydw.github.io/lightbox/#videos
http://jbutz.github.io/bootstrap-lightbox/
But these are supporting youtube or Vimeo videos and doesn't seem to work with local videos.
I also looked at following question
Video in jQuery and Fancybox (Local video file mp4 Instead of Youtube) but the only thing I got to know is we need an external video player to play the video and it would not work on the mobile.
Is there any generic solution to this problem?
I'm looking to mute an embedded mp4 video when a YouTube video begins playing – I'm using a Wordpress template similarly setup to this site; however, the video that would be in the background on the homepage has audio that can toggle on/off. If it's on, I want that audio to mute when a modal opens for one of the YouTube videos setup in a flickity carousel.
Any insights would be greatly appreciated!
You can add in source URL as a GET parameter "?mute=1",
also Like that
iframe.getElementById('video').mute();
I want to create a custom video player to modify the skin of the play controls etc but still host the videos on youtube.
The youtube api allows for minor colour adjustments but not full customisation.
I know it would be possible if I download the FLVs but i want the video to remain hosted on youtube.
Is this possible?
Or is there a way of using the 'chromeless player' and creating custom controls around it?
Have you tried using chromeless player with the official AS3 API?
In player parameters you can just set controls to 0:
controls
Values: 0 or 1. Default is 1. This
parameter indicates whether the video
player controls will display. If this
parameter is set to 0, then the player
controls will not display, causing the
player to look like the chromeless
player.
it is possible ... you can check this to see how to get the url to the video
I've concluded that the only way to create custom controls for the youtube player that plays videos hosted on youtube (rather than playing FLVs) is to use the chromeless player without controls and then juse html/css/jquery to create the controls, for example:
http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/
http://code.google.com/apis/youtube/youtube_player_demo.html?playerType=chromeless&playerVersion=as3