Search code examples
javascriptjquery-mobilevideo-streamingjwplayerm4v

How to embed an m4v video file to my html webpage?

I am currently trying to embed the m4v videos in my html webpage. using the following code 

<video controls="" height="360" width="480">
<source src="path/to/my/m4v/video" type="video/mp4"> 
<source     src="path/to/my/m4v/video" type="video/ogg"> 
</source></source></video>

its working perfectly in google chrome.and it demands for an ogv video for mozilla browser.as we cant get an ogv video from our client.Also I am using it in hero framework. I also tried to use the iframe tag used by youtube embed code.that works with webkit browser(google chrome). but not able to play in mozilla firefox browser.I need to play m4v video in cross browsers.Is there any way or any html tag I am missing here?I explored alot but couldn't find an efficient solution.

Solution
    • If you're not forced to use Quicktime, the Flash based JW Player NOT free

    • can do Quicktime encoded MV4 if the client has Flash 10 installed.

    • Hence tried using the JWPlayer from the official site of jwplayer.

    • Will have to purchase it to get a licence key.
    • Enables to play .m4v video on cross browsers.
    • Works perfectly.