I want to add something overlay on fullscreen
as this demo (i found this on internet, not my code)
print ('http://jsfiddle.net/carmijoon/pZbkX/')
It works on desktop chrome, safari but did not work on ie11 and mobile chrome, safari. And browser compatibility of the demo above is the same.
Somebody know how to hack to achieve this goal?
Related
It seems that the useCapture flag has a pretty good support on desktop browsers.
In this page: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener, at the bottom there is a compatibility table, but it's incomplete for mobile.
So my question is: can i use the useCapture flag on those devices: Android, IE Mobile, Opera Mobile, Safari Mobile?
After a little research, I concluded that it should work the same on those mobiles.
Chrome works the same on android: What are differences between Chrome on Android and Desktop Chrome?
Opera browser on android might works the same than the desktop version: http://www.opera.com/blogs/india/2015/05/which-is-the-best-opera-browser-for-android-phones/
For the main part, safari mobile might work the same as safari desktop: Desktop Safari ( Mac & Windows ) VS Mobile Safari (iPhone) - HTML, CSS, JS support
Ie mobile should work like ie11 desktop: https://en.wikipedia.org/wiki/Internet_Explorer_Mobile
This is only happening on my computer. I tested it on other computers with latest version of chrome, and it works fine.
Testing Website:
http://template.webdvlm.com/content/index_full2.php
The player buttons are not working on chrome for me. When I click on play/next/volume, nothing happens. I see nothing in the log either. What could be the problem?
The player works fine on firefox on my computer.
I uninstalled/reinstalled chrome and still no fix.
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?
I have created dynamic video element through Javascript with asp.net.
In firefox, it triggers the post back event. While it works well in IE and Chrome.
So, firefox is the issue here. In firefox, videojs uses webm while in IE and chrome it takes .mp4.
I just started using mediaelement.js a few days ago.
Everything works so far except that IE9 doesn't show any videos (natively) even though the sound plays fine. With Flash it works fine.
The video element seems to disappear (width and height = 0) after the success callback has run. If I manually change the size it's just black.
I tried playing the demo video from mediaelementjs.com but the video was black as well.
I tried setting the size manually after success callback ( mediaelement.js: Local Flash playback shows black video with sound unless shown full screen ). This displays the video element but it's still only black. The sound still plays.
In Mediaelement.js malfunction in IE, no flashback works I found a possible solution using an undocumented property.
/*#cc_on
#if (#_jscript_version == 9)
mode: 'shim',
#end
#*/
This forces IE to use flash but I'm not that comfortable using it in a productive environment.
Does anyone have a better solution?
UPDATE: I just tested on another computer with the same OS and browser (Windows 7, IE 9.0.8112) and there the video on mediaelementjs.com plays fine. Could it have something to do with my installation? I normally never use IE and haven't changed anything...