Flowplayer video won't go fullscreen in ie11 - javascript

Playing around with flowplayer videos, and I can't seem to managed to get the video to go full screen in IE11 . It works just fine in Firefox and Chrome, but not in IE11 . I've tested and seen that flowplayer videos will go fullscreen in IE11 when I open the demos on flowplayers website. Any idea what I might have done wrong?
My site : http://clients.geantduweb.ca/index.php?tmpl=flowplayer&video_id=1
A flowplayer hosted demo: https://flowplayer.org/standalone/skins/minimal.html
Is there a problem with my configurations, a basic css problem or something else I managed to mess up?

Related

is full background html5 video is supported in mobile device?

I have used wordpress plugin called "Video Background" for integrating full background video to the website.But it is not playing in mobile device.Also it is not playing in Safari browser in dekstop.
I need suggestion of other plugin or method, by which i can play video on both mobile/desktop.
Thanks!
It's not supported on iOS I'm not sure about android but I don't think it's supported either. I would recommend using an animated gif. That's supported everywhere. Otherwise you'd have to script something.

html5 video autoplay delay in safari

I am embedding a html5 video. It works perfectly fine in chrome and firefox, however in safari, there seems to be this weird delay, where the video just hangs in there, and won't play until 1-2 minutes after. It however plays immediately, if I switch tabs. I am hosting my video on an Amazon S3, I set it to autoplay, muted and loop. I have tried using jquery to force play the video but it doesn't work. I have tried also changing the metadata to video/mp4 on aws control panel, also doesn't work. Also tried doing some window focusing, also doesn't work. Any tips would be appreciated. Here is the site http://xxvii27.github.io/web-oconnect/
Solved, by converting the .mp4 video to web optimized version using handbrake.

Need bgsound for mobile websites

I had used an audio file as background sound for my website, It is working fine in desktop, but not playing in the mobiles. Is there any way to playing an audio file for mobile also, please provide me a necessary solution for this.
Thanks in Advance.

YouTube video wants to download instead of load via jQuery

In short, mobile browsers try to download a random file instead of loading video into the main player Website.
More info:
I've built a webseries type site on WordPress, that uses jQuery to load a video into the main player: http://suzellediy.com/
Recently, I made it responsive - and now, when testing on mobile, when clicking on the video thumbnail, the video does not want to load into the main player.
Instead of loading the video, mobile Chrome and Safari wants to download the file instead. The issue cannot be recreated by using firebug / chrome mobile emulator.
Any ideas what the issue could be?
Actually you may be able to reproduce the issue on the desktop when you disable Flash.
Try changing the URL in:
jQuery("#mainplayer").attr("src", "http://youtube.com/v/WKmUqV7abgw"+
"?&autoplay=1&loop=1&listType=user_uploads&list=suzellediy");
To this:
jQuery("#mainplayer").attr("src",
"https://www.youtube.com/embed/WKmUqV7abgw" +
"?autoplay=1&loop=1&listType=user_uploads&list=suzellediy");
Or this:
jQuery("#mainplayer").attr("src",
"https://www.youtube.com/embed/WKmUqV7abgw" +
"?autoplay=1&loop=1&listType=user_uploads&list=suzellediy&html5=1");
and see if that works.
Most likely what you see is that mobile browsers that don't support Flash try to download a file if they can't play it.

Videos loading but not playing with mediaelement.js in Chrome 27.x when including subtitle tracks

I'm using mediaelement.js to load videos with subtitle tracks.
All was working well until I updated my Chrome browser to 27.x. Now if a subtitle track is included, the video will load but not play. The video buffers fine (I can manually scrub through it), but neither the play button or javascript play() will play the video. The loading gif just sits there, and I don't see any errors in the console.
It works in all other browsers I've tested, including Chrome 26.x.
If I remove the subtitle source element, the videos load and play correctly in Chrome.
(This is my first SO question so any tips would be appreciated, thanks)
I'm on day four of trying to solve this same issue and came across this question. It's happening on Mac and Windows. Troubleshooting is aggravated by what appears to be local caching -- if I comment out the <track> the video plays; When I re-enable it and reload, it also plays, but then if I close out of the browser it will no longer work until I comment the <track> out again.
If I disable mediaelement and test with native HTML5 video, the problem does not manifest itself.

Categories

Resources