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

javascript jquery-mobile video-streaming jwplayer m4v
NJInamdar picture NJInamdar · Jun 11, 2013 · Viewed 29.9k times · Source

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.

Answer

NJInamdar picture NJInamdar · Jun 14, 2013
  • 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.

Related questions

How can I check if a checkbox is checked?

I am building a mobile web app with jQuery Mobile and I want to check if a checkbox is checked. Here is my code. <script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You …

Read More
How to redirect on another page and pass parameter in url from table?

How to redirect on another page and pass parameter in url from table ? I've created in tornato template something like this <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username&…

Read More
Remove attribute "checked" of checkbox

I need remove the attribute "checked" of one checkbox when errors occur. The .removeAttr function not work. Any idea? :/ HTML <div data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin-left: auto; margin-right: auto; width: 100%; text-align: center;"> <input type="…

Read More