Need help with MP4 embed [txs] - GoFuckYourself.com

MichaelP · 03-14-2014, 10:12 AM

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

MichaelP · 03-14-2014, 10:23 AM

Also tried this posted by someone here inanother thread, no luck

Code:

<video autoplay controls preload="auto" width="720" height="570" name="myvideo" id="myvideo">
<source src="<? print $VIDEO1 ; ?>" type="video/mp4" />
<source src="<? print $VIDEO3 ; ?>" type="video/ogg" />
<source src="<? print $VIDEO2 ; ?>" type="video/webm" />
*Your web browser does not support HTML5 video*
</video>

nm_ · 03-14-2014, 10:26 AM

from google search

I was having the same problem with Firefox 12.0 on a Windows 7 system. It'd play on localhost but not on the remote server. Seemed to be hanging up on the GET for the .webm copy of the video. I added an .htaccess file to the site root on the remote server with the following AddType directives:
AddType video/mp4 mp4
AddType video/webm webm
AddType video/ogg ogv

Seems to have done the trick. It's playing now from the remote server in Firefox 12.0, as well as IE8, Chrome19, and Safari5.

MichaelP · 03-14-2014, 10:50 AM

Quote:

Originally Posted by nm_

from google search

I was having the same problem with Firefox 12.0 on a Windows 7 system. It'd play on localhost but not on the remote server. Seemed to be hanging up on the GET for the .webm copy of the video. I added an .htaccess file to the site root on the remote server with the following AddType directives:
AddType video/mp4 mp4
AddType video/webm webm
AddType video/ogg ogv

Seems to have done the trick. It's playing now from the remote server in Firefox 12.0, as well as IE8, Chrome19, and Safari5.

Will you be in PHX? I SO owe you a drink !

Was having it on the htaccess file but at the /admin level where I'm working right now instead of at the domain root..

working pretty much everywhere now but makes IE 11.0.4 on the PC crash.

03-14-2014, 10:12 AM	#1
MichaelP Registered User Industry Role: Join Date: Aug 2003 Location: QWEBEC Corporate Office Posts: 7,124	Need help with MP4 embed [txs] 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 :'(

03-14-2014, 10:26 AM	#3
nm_ Confirmed User Industry Role: Join Date: May 2011 Location: San Diego Posts: 328	from google search I was having the same problem with Firefox 12.0 on a Windows 7 system. It'd play on localhost but not on the remote server. Seemed to be hanging up on the GET for the .webm copy of the video. I added an .htaccess file to the site root on the remote server with the following AddType directives: AddType video/mp4 mp4 AddType video/webm webm AddType video/ogg ogv Seems to have done the trick. It's playing now from the remote server in Firefox 12.0, as well as IE8, Chrome19, and Safari5.