Am I missing something here? - GoFuckYourself.com

StinkyPink · 01-30-2013, 05:58 PM

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

Code:

<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 · 01-30-2013, 09:15 PM

here is a bump for u

EddyTheDog · 01-30-2013, 09:19 PM

Quote:

Originally Posted by 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

Code:

<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 · 01-30-2013, 09:54 PM

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

StinkyPink · 01-31-2013, 12:00 AM

Quote:

Originally Posted by EddyTheDog

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 · 01-31-2013, 12:08 AM

Quote:

Originally Posted by JamesM

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 · 01-31-2013, 01:07 AM

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 · 01-31-2013, 01:27 AM

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

lib · 08-05-2013, 01:19 PM

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 · 08-05-2013, 02:40 PM

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

lib · 08-05-2013, 02:54 PM

Quote:

Originally Posted by mikesouth

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 · 03-14-2014, 10:04 AM

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

01-30-2013, 05:58 PM	#1
StinkyPink It's all goooood. Industry Role: Join Date: Aug 2009 Location: The Hoe Stroll Posts: 1,591	Am I missing something here? 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 Code: <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>

01-30-2013, 09:54 PM	#4
JamesM Confirmed User Industry Role: Join Date: Nov 2012 Posts: 732	hope this helps., http://johndyer.name/simple-cross-br...lback-options/ __________________ Ex GF Films \| Grab Dollars Up To 80% Rev-Share \| 255 Day Cookie \| Legal Content \| Variety of Promo Tools \| CCBill Program \| GF Niche james[at]grabdollars[dot]com \| ICQ::611-99-zero-zero-20

01-31-2013, 01:07 AM	#7
digitaldivas ..I Heart Cannibal Corpse Industry Role: Join Date: Sep 2007 Location: California Posts: 4,328	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>< __________________ ...

08-05-2013, 02:40 PM	#10
mikesouth Confirmed User Industry Role: Join Date: Jun 2003 Location: My High Horse Posts: 6,334	honestly with cross platform players there is no need for anything but an H.264 encoded mp4 these days __________________ Mike South It's No wonder I took up drugs and alcohol, it's the only way I could dumb myself down enough to cope with the morons in this biz.

01-30-2013, 09:15 PM	#2
Juicy D. Links So Fucking Banned Industry Role: Join Date: Apr 2001 Location: N.Y. -Long Island -- Posts: 122,992	here is a bump for u

01-31-2013, 01:27 AM	#8
Manfap Confirmed User Industry Role: Join Date: Jan 2013 Posts: 2,623	I've found on some browsers you need to put in the full url of the video.

08-05-2013, 01:19 PM	#9
lib Registered User Join Date: Sep 2003 Location: Hollywood, CA Posts: 53	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.