GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)
-   -   Am I missing something here? (https://gfy.com/showthread.php?t=1098165)

StinkyPink 01-30-2013 05:58 PM

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>

:helpme

Juicy D. Links 01-30-2013 09:15 PM

here is a bump for u



http://web.archive.org/web/200512180...hx/wetsuit.jpg

EddyTheDog 01-30-2013 09:19 PM

Quote:

Originally Posted by StinkyPink (Post 19453574)
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>

:helpme

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 (Post 19453817)
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 (Post 19453850)

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 (Post 19747455)
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 (Post 19747471)
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 :'(


All times are GMT -7. The time now is 10:26 PM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123