Open source HTML5 & Flash video player Video.JS

-

Use Video.js

---------

In the <head>:

<link href="http://vjs.zencdn.net/4.10/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.10/video.js"></script>







In the <body>:




<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
 preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
 data-setup="{}">
 <source src="MY_VIDEO.mp4" type='video/mp4'>
 <source src="MY_VIDEO.webm" type='video/webm'>
 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>


































Comments











Post a Comment



















Popular posts from this blog









remove span elements from Contact form 7 but keeping inside elements






-















 //remove span elements from Contact form 7 but keeping inside elements   var cf7input = $( " .wpcf7-form-control " );    if ( cf7input .parent().is( "span" ) ) {     cf7input . unwrap ();   } else {     cf7input .wrap( "<span></span>" );             jQuery('.form-group br '). remove ();      //On focus add class for animation (optional)  jQuery('.form-control').focusout(function(){  var text_value=jQuery(this).val();      if(text_value!='')        { //alert(1); jQuery(this).addClass("wariya");         }else{jQuery(this).removeClass("wariya");} });     DEMO:  https://jsfiddle.net/qjw5nr7r/   








Read more










Elance HTML5 Test Answers






-















  Which of the following is NOT a valid <meta type="robots" content="<values>" /> value.  nocache     What is the difference between padding and margin?  margin auto-collapses, padding doesn't    What is the minimal way to define the character set with meta tag?  <meta charset="UTF-8">     Which HTML5 tag would most semantically group a page title (in an H1 tag) and tagline (in an H2 tag)?  <hgroup>    What is the tag used to define attribute values for one or more columns in a table?  <col>    Which script is useful in rendering dynamic images in canvas?  <javascript>    What does the following code do:  <input type="text" name="user_name"  autofocus="autofocus" />?  The browser will automatically give the user_name field focus when the page loads.    The following link is placed on an HTML webpage.  <a href="http://msdn.com/" target="_blank"></a> W








Read more