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 play youtube videos on my website in a simple video tag. I am able to to extract encoded url of video from the video page source and IDM download video perfectly from the extracted URL, but when I provide this URL as a source to HTML5video` tag it's unable to play it. I am building my site in PHP so is there any programming tricks that can solve the problem?
The extracted url looks like this:
https://r4---sn-p5qlsns6.googlevideo.com/videoplayback?source=youtube&pl=19&ipbits=0&expire=1432153664&ip=39.32.249.193&id=o-AEEupYK88pgG4gIQsJWYzKaY0HIlq_OL_cBhQIkv6HjX&clen=28144129&lmt=1431757350238974&dur=127.327&requiressl=yes&fexp=906394,936120,9405194,9406003,9407806,9408142,9408589,9408705,9408710,9408734,9409172,9410706,9413005,9413148,945137,948124,952612,952637,952642&key=cms1&mime=video/mp4&gir=yes&upn=-2WTH-cn9eI&keepalive=yes&itag=136&signature=24A201BFCD6635313FEEB3F24C5221E64BDD00B9.6323BECAF51F631BE8E5043FFB41DD7EFAB0A009&sparams=clen,dur,expire,gir,id,ip,ipbits,itag,keepalive,lmt,mime,mm,mn,ms,mv,nh,pl,requiressl,source,upn&sver=3&redirect_counter=1&req_id=6e9a47dec8a4a3ee&cms_redirect=yes&mm=30&mn=sn-p5qlsns6&ms=nxu&mt=1432132295&mv=m&nh=IgpwcjAxLmlhZDA3KgkxMjcuMC4wLjE
Use Media Element Js and you can treat the embedded youtube as an html5 element. Actually taking the video source and putting it into a new player is against youtube's terms of service, but this fix should allow you to do everything (except remove youtube's branding, which they do not want).
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.
So i'm using the VideoJS HTML5 video player
on my in progress video streaming website.
The problem i've encountered is that the player has no problem playing links that end in the
(.MP4) extension. But the way my site functions is it acts as a video aggregator
by pulling links from various websites, the websites are similar to this one
taking that website link for example >
Notice how it ends with the .html extension and when you go to it, it has it's own unique video player, what I want to do is to be able to play that video in video js.
My aggregator saves links to the videos (.html , .php) and not the actual video file itself, is there a way of achieving this? or is it impossible? thanks!