You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

html5 video tag??? Created Jan 9, 2010

This thread is solved

Views: 6358     Replies: 6     Last reply Aug 8, 2011  
You must login first before you can use this feature

JamesM
Cheers JamesM http://JamesM.com.Au/

Posts: 21

Registered:
Jan 2, 2010

html5 video tag???

Posted: Jan 9, 2010

is it possible to use the html5 video tag to embed the flow-player so flash blockers cant block it????

<video src="filename.mp4" controls="coltrols"></video>

maby javascript talking to this empty video tag and giving it the controllbar and abilities of the flowplayer???
<video class="player"></video>

jgonzalFP

Posts: 4

Registered:
Dec 28, 2009

Update to html5 video tag???

Posted: May 21, 2010

Reply to: html5 video tag???, from jamesm_waves
Does anyone have an update to this inquiry? Leveraging flowplayer but reverting / falling back to HTML5 for browsers that don't support Flash (ie mobile devices, iPhones, iPads, etc ...)?

killebrewj

Posts: 83

Registered:
May 26, 2008

» Update to html5 video tag???

Posted: May 31, 2010

Reply to: Update to html5 video tag???, from jgonzalFP
Here is how i do it using jquery

	<script type="text/javascript">
			//<![CDATA[ 
			window.onload = function() { 
 
             
   if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
     $("#videoFlashPlayerContainer").html('<video src="http://domain.com/video/videofile.mp4" width="640" height="360" controls="controls" poster="http://domain.com/image/splash.jpg"></video>');
   }          
   else {
  $f("videoFlashPlayerContainer", 'flowplayer.swf', {
  clip: {

...


I'm using jquery to inject the video tag into the div that flowplayer normally fills and bypassing $f if the device is an iPad/iPod/iPhone since it wouldnt work anyway. Maybe there is a cleaner way to do this but this is work for me for now.

The poster attribute only works on iphone. On ipad I'm told you have to encode your poster image into the first frame of the video file or it will just show whatever happens to be the first frame, even just black if it fades in like my videos...

kendsnyder@gmail.com

Posts: 1

Registered:
Aug 5, 2010

Video tag with FlowPlayer fallback

Posted: Aug 5, 2010

Reply to: Update to html5 video tag???, from jgonzalFP
Here is how I use a video tag with fallback to FlowPlayer. In this instance I am using only .mp4 with h.264:

<div id="video-embed-container" style="width:480px;height:270px">
<a href="SOURCE.mp4">Download Video</a>
</div>
<script type="text/javascript" src="embed.js"></script>

// embed.js snip
(function() {
	var video = document.createElement('video');
	// ...

	if (!!video && !!video.canPlayType && video.canPlayType(mp4Type) != '') {
		addVideo();
	}
	else {
		addFlash();
	}
	
})();

Then in my addVideo function I set video.onerror = addFlash. that way, if the browser can't play that codec after all, it will switch to flash.

The addFlash function just sets the innerHTML of the embed container to <object> with <param/> tags.

futurelab

Posts: 2

Registered:
Oct 27, 2010

» Video tag with FlowPlayer fallback

Posted: Nov 26, 2010

Reply to: Video tag with FlowPlayer fallback, from kendsnyder@gmail.com
How would it all be improved if the program flow was like this...

1) HTML5 Video Tag
2) Overwrite with the Flowplayer if JS & Flash are available

eg...
<video>
<vid mp4/>
<vid ogg/>
</video>

<script>
add fplayer
</script>

cloudcontrol

Posts: 1

Registered:
Nov 29, 2010

» » Video tag with FlowPlayer fallback

Posted: Nov 29, 2010

Reply to: » Video tag with FlowPlayer fallback, from futurelab
+1 to this simple workflow. Currently evaluating sublimevideo.net and this is how they do it.