Jwplayer force Safari browser to play in HTML5 mode - html

I am using JWplayer 6.
I need to force it to use HTML5 even if HTML5 is not supported (this is for RESTing purposes).
I cannot figure out how to accomplish this.
I have tried setting jwplayer("playername").settings({primary: "flash"}) - it didn't work.
Right now I am resorting to disabling flash in browsers but not all browsers/devices allow this without addons.
I am using (player).getRenderingMode to determine the playback type so I am absolutely certain that only flash is being played.
Any help is appreciated!
UPDATE:
I have the primary: "flash"/"HTML5" setting working in every browser except Safari.
According to W3C schools Safari DOES support mp4 files in HTML5 mode.
So my question is now how to force Safari to play in HTML5 mode

Related

Audio in HTML5 Video tag

I noticed that using an audio file in <video> works fine.
Does this feature have good browser compatibility and is it an HTML5 standard?
I found this but it's from 7 years ago and has no answers.
Yes a <video> element is supposed to be able to play media resources that only contain audio data, just like an <audio> element is supposed to be able to play video media (without displaying the video stream).
A browser that wouldn't do that would be a buggy browser.
<video> tag supports most browsers like chrome, edge, firefox, safari, and opera.
It is a global attribute in HTML5.
For Audio you can also use <audio>.
If you want to know more there is something you can check out
https://www.w3schools.com/tags/tag_video.asp

HTML5 audio: How to check if playbackRate is supported?

What is the correct (or does it exist?) way to check HTML5 audio: How to check if playbackRate on audio element is supported?
Some mobile browsers allow to set playbackRate and even fire ratechange but actually paying rate does not change.
Maybe some one came across such problem and found cross-platform solution?
Check if playbackRate is recognized:
'playbackRate' in document.createElement('audio');
According to developer.mozilla.org the attribute is not supported in:
Mobile Chrome (Android)
IE Mobile
Opera Mobile

Html5 video freezes in IE9 after a few seconds

I'm using hmtl5 video. It works normally in all browsers, except IE9.
In IE9 it's cannot playing after first play, or video freezes after a few seconds, but video state is "playing". I've add eventlisteners to check it.
Can anybody help me to solve this problem?
I would suggest using a flash player fallback for Internet Explorer 9 and other browsers with issues with HTML5 video.
I think IE9 has some issues regarding HTML5 Video. You shouldn't trust on that to work. Maybe a (flash) fallback for IE9 would be good. Most of those bugs are fixed in IE10. So HTML5 Video should work there (if you use the right video encodings).
http://caniuse.com/#search=video

HTML5 Video attribute support

I have a HTML5 video, working fine, and i'm happily smiling whenever i start my browser... However!
I know the Video tag isnt supported by some browsers, but i noticed there is a difference in support for video attributes/methods/whatever too. Is there a summary of this somewhere?
For example:
The poster attribute doesnt work in every browser, even if the vide DOES work!
I think its pretty worthless to just use an entire javascript library to take care of one attribute like poster, so how to take care of this?
Or am i completely wrong, and is IF video is supported, also every attribute supported the same way?
Please help me! :)
Thanks for all your advice,
WK
ps: I am using the video for everybody variant of the video. So thats working fine.
Is this the kind of thing your after?? click me.
Basically there is the following support for the HTML5 video tag:
Every modern browser that has support for HTML 5 supports <video>
meaning: IE9+, FF3.6+, Chrome, Opera, Safari
Internet Explorer 9 does not support the poster attribute. I believe
there is even a bug about this on Microsoft connect.
Firefox does not support the loop attribute. (replaying a video after it has finished)
Different browsers support different video formats, IE9 supports
H.264, Firefox supports ogg (Theora) and WebM etc, which means that you would need to provide all formats in order to be compatible with all browsers.
The rest is pretty much supported everywhere.
well, HTML 5 is not yet standardized. Due to this, every browser that support html5 works differently. As far video tag is concerned then you have to provide with different formats so as to get support on various browser list. You can test browser support on this site. Here you can get all the details about the extent your browser support to HTML5
I find this page a good resource (although it is starting to get old as it was earlier this year): http://www.longtailvideo.com/html5
On a separate note, I find if you go to mobile devices such as Android the browser support varies greatly per device. Even though they are "supported" I always get strange behavior.
As for poster, there is no good solution if you want to have support across all browsers.

Displaying vertical videos with html5 on chrome

I'm building a simple page to display videos uploaded from my iphone using the html5 video tag.
if you're watching it with chrome you probably see this video is presented horizontal, although it's not- try to download it or watching it from safari (haven't tried another browsers).
I havne't found anything on the net mention this problem, is it a known chrome bug? does this tag any attribute that I can change to display it properly?
Thanks.
Edit:
looks like this also happen in IE
you could use style="-webkit-transform: rotate(90deg);" on the video tag along with a html5 compatible video player solution (otherwise you get rotated controls as well)
It's an encoding issue from iPhones. I downloaded the video and it was still displayed horizontally using mplayer. There is more information here:
http://help.videojs.com/discussions/problems/1508-video-orientation-for-iphone-wrong
and as suggested you'll need to re-encode the videos using a library that uses a more supported standard encoding. (Or try to transform the video, on the page but that would be ugly)