Am I missing something here?

[StinkyPink]

I thought playing video in HTML5 across devices was supposed to be simple. Then why is it that no matter what different markup I use, I still get shady results on at least 3 of 5 browsers. So far this is by far the best I have come up with but still not working great for me.

Generated with Dreamweaver CS6

<video id="video1" width="640" height="480" poster="thumb.png" controls >
        <source src="video.mp4" type="video/mp4">
        <source src="video.ogg" type="video/ogg">
        <source src="video.webm" type="video/webm">
        <embed src="video.f4v" type="application/x-shockwave-flash" />
</video>

[Juicy D. Links]

here is a bump for u

[EddyTheDog]

I thought playing video in HTML5 across devices was supposed to be simple. Then why is it that no matter what different markup I use, I still get shady results on at least 3 of 5 browsers. So far this is by far the best I have come up with but still not working great for me.

Generated with Dreamweaver CS6

<video id="video1" width="640" height="480" poster="thumb.png" controls >
        <source src="video.mp4" type="video/mp4">
        <source src="video.ogg" type="video/ogg">
        <source src="video.webm" type="video/webm">
        <embed src="video.f4v" type="application/x-shockwave-flash" />
</video>

What goes wrong when you use that code?

[JamesM]

hope this helps.,
http://johndyer.name/simple-cross-br...lback-options/

[StinkyPink]

What goes wrong when you use that code?

Actually, everything. It seemed to work when I first used it with the exception of a couple small problems. When looking into those problems I just created more problems. I went back to square one and nothing worked at all. I just did some more reading and testing... so far I have seen improvement, in fact I almost have it licked.

My original code works on everything so far except safari for pc, have not checked on an apple device yet.

The problem is that I hadto AddType all the formats, ogg, webm, ogv, f4v etc. I did this in htaccess but may put a support ticket in tomorrow and just have mojohost add those to the apache config.

Now I am off to solve the safari issue, which I do not care as long as it plays on apple, because anyone with a pc rarely uses safari. The problem with this browser is the dfault controls come up, it appears to autoplay the video but it just shows the poster image and unusable controls. I added the preload= attribute and now it doesnt play at all, which is good cause before it would just slow everything down.

[StinkyPink]

hope this helps.,
http://johndyer.name/simple-cross-br...lback-options/

Thanks.

I was reading this when you posted that and was able to somewat fix the main issues. This article also referances the "video for everybody" article. I will have to test a few ways out and see which woks best.
http://www.htmlgoodies.com/html5/how...id=V7vClvAzZrM

[digitaldivas]

this has always worked for me. Are your video denotation tags correct? Have you tested
without the tags to see if your css is fucked up?

<video autoplay controls preload="auto" width="600" height="335" name="myvideo" id="myvideo">
<source src="yourvideo.mp4" type="video/mp4" />
<source src="yourvideo.m4v" type="video/mp4" />
<source src="yourvideo.ogv" type="video/ogg" />
<source src="yourvideo.webm" type="video/webm" />
*Your web browser does not support HTML5 video*
</video><

[Manfap]

I've found on some browsers you need to put in the full url of the video.

[lib]

Has anyone found good solutions for OSX Safari which has issues playing video in password protected folders?

http://stackoverflow.com/questions/6...authentication

Apparently a known issue.

[mikesouth]

honestly with cross platform players there is no need for anything but an H.264 encoded mp4 these days

[lib]

honestly with cross platform players there is no need for anything but an H.264 encoded mp4 these days

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.

[MichaelP]

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

  <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 :'(