Quote:
Originally Posted by lib
This problem still applies to mp4. It isn't a codec thing.. I use video.js html5 player and it still does not work in osx safari and on android tablets.
|
I'm using Video-js and still having issues
So far I uploaded each test videos in .mp4 / .webm & .ogv
I call 3 diferent video fopr each format so I can se which ones comes up where...
ex : $VIDEO1 = "http://blah,com/content/vids/Model1/001" so I can call whatever ext I want after
Results :
// MAC :Firefox = none // Safari = mp4 / Chrome = mp4
// PC : Firefox = none // IE = none / Chrome = mp4
Code:
<video id="VIDEO" class="video-js vjs-default-skin" controls preload="../content/video.js/loading6.swf" width="720" height="570"
poster="<? print $POSTER ; ?>.jpg"
data-setup='{"techOrder": ["mp4", "webm", "html5", "flash", "other supported tech"]}'>
// MAC :Firefox = none // Safari = mp4 / Chrome = mp4
// PC : Firefox = none // IE = none / Chrome = mp4
<source src="<? print $VIDEO3 ; ?>.ogv" type='video/ogv' />
<source src="<? print $VIDEO1 ; ?>.mp4" type='video/mp4' />
<source src="<? print $VIDEO2 ; ?>.webm" type='video/webm' />
<track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
<track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
</video>
It is very frustrating cause the more you read, the more confusing it gets and so opoposites are the informations.. Feels like 3 steps forward 2 steps back :'(