Hello All, I hope someone here can point me in the right direction or help a bit. TXs in advance
I'm using Video-js and still having issues
So far I uploaded each test videos in .mp4 / .webm & .ogv
I call 3 different video for each format so I can see which ones comes up and 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 opposites are the information.. Feels like 3 steps forward 2 steps back :'(