I use the video player videojs below :
<video id="font_video" class="video-js vjs-default-skin" controls preload="none" width="700" height="360" poster="" data-setup="{}">
<source src="xxx.mp4" type='video/mp4' />
<source src="xxx.webm" type='video/webm' />
</video>
<script>
_V_.options.flash.swf = "assets/video-js.swf";
</script>
The above code successfully runs in Safari,but doesn't run in Chrome and Firefox.
If I swap the mp4 and webm position, like this:
<video id="font_video" class="video-js vjs-default-skin" controls preload="none" width="700" height="360" poster="" data-setup="{}">
<source src="xxx.webm" type='video/webm' />
<source src="xxx.mp4" type='video/mp4' />
</video>
Then the code doesn't run in Safari anymore, but runs in Chrome and Firefox. Does anybody have an explanation ?