Your Ad Here

advanced code snippet search

Posted By

anvilcity on 09/15/10


Tagged

flash flv video html5


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

romainsauger
rasitozcan


Basic Flash embed page with HTML5 fallback for iPhone

 / Published in: JavaScript
 

URL: http://www.gotoandlearn.com/play.php?id=128

Uses swfobject to embed the video, and video tag to include an MP4 version for iPhone and an Ogg Vorbis version for Firefox.

Expand | Embed | Plain Text 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3. <head>
  4. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
  5.     <title> </title>
  6.  
  7. 	<script type="text/javascript" src="scripts/swfobject.js"></script>
  8.     <script type="text/javascript">
  9.     		var flashvars = {};
  10. 				flashvars.src = "videos/weblords_60_sec_splash.flv";
  11.     		var params = {};
  12.     		params.allowfullscreen = "true";
  13. 			params.allowscriptaccess = "always";
  14. 			var attributes = {};
  15.  
  16.     		// Embed the player SWF:
  17.  
  18.     		swfobject.embedSWF
  19. 				( "flvplayback01.swf" //swf file name
  20. 				, "videoDiv" // targeted div
  21. 				, "652", "366" // width, height
  22. 				, "10.1.0" // Flash version
  23. 				, "scripts/expressInstall.swf" //location of expressinstall script
  24. 				, flashvars
  25. 				, params
  26. 				, attributes
  27. 				);	
  28.      </script>
  29.  
  30. </head>
  31. <body>
  32.  
  33. 	<div id="videoDiv">
  34. 		<video controls="controls" poster="splash01.jpg" width="652" height="366">
  35. 			<source src="videos/weblords_60_sec_splash.mp4" type="video/mp4" />
  36. 			<source src="videos/weblords_60_sec_splash.ogg" type="video/ogg" />
  37. 		</video>
  38. 	</div>
  39.  
  40.  
  41. </body>
  42. </html>

Report this snippet  

You need to login to post a comment.