HTML5 Embedded Movies

I am currently running a WordPress website and would like to embed a video in the sidebar. I have customized the sidebar, so I am not using plugins. Currently, I am embedding a flash video, but I want to make the move to HTML5. I need a script to embed h264 videos for supported browsers and flash for non-supported browsers.

Also, I would like to integrate shadowbox with this. I have install shadowbox JS on WordPress and tried calling it via rel="shadowbox" but no joy.

Anyone care to assist?

Thanks
vertigogroupAsked:
Who is Participating?
 
mstrelanConnect With a Mentor Commented:
you prob need a closing embed tag, as well as an object tag i think...try just getting the flash file working without the html5 video tags etc and then wrap it in video tags
0
 
senthilkumarsbCommented:
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
vertigogroupAuthor Commented:
OK. Everything is working fine except the fall back to flash. I have the flv file, but cannot get it to play in IE as a fall back. Here is my code:


<video controls width="300">
<source src="http://www.abc.com/test.ogg" type="video/ogg" />
<source src="http://www.abc.com/test.m4v" type="video/mp4" />
<embed src="http://www.abc.com/test.flv" type="application/x-shockwave-flash" width="300" height="181" allowscriptaccess="always" allowfullscreen="true"></embed>
</video>

Ideas?
0
 
vertigogroupAuthor Commented:
Any ideas? I need to be able to have the videos play in all browsers and detect the browser automatically. So, mv4, flv, and ogg. Assistance is greatly appreciated. Right now, I can only get the video play in Safari and Chrome. I would like to add firefox and IE compatibility.

I know I could just use flash, but I want iPhone and iPad support.

Thanks!
0
 
mstrelanCommented:
you cant embed an flv directly. you need a flash player. for example JW Player or FlowPlayer are big ones
0
 
vertigogroupAuthor Commented:
So, is the code below correct?


<video controls width="300">
<source src="http://abc.com/abc.ogg" type="video/ogg" />
<source src="http://abc.com/abc.m4v" type="video/mp4" />
<embed type="application/x-shockwave-flash" src="abc.com/flv-embed/flvplayer.swf" width="500" height="301" style="undefined" id="player1" name="player1" quality="high" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" flashvars="height=301&amp;width=500&amp;file=http://abc.com/abc.flv&image=abc.com/abc.jpg&link=abc.com/abc.flv&callback=analytics">
</video>
0
All Courses

From novice to tech pro — start learning today.