网页中播放mp4文件

最近给企业做了一个网站，为了宣传企业形象，录了很多宣传片。这就涉及到网站视频的播放，在html5时代，实现视频播放很简单，而且也有很多jquery插件可以更简洁的播放视频。
本文记录一下这次开发中使用的基于html5的videojs播放器，使用很简单，代码如下：
引用及定义
引用视频的js与css文件
videojs.options.flash.swf用来定义播放器的初始背景屏幕,默认为黑屏

<link href="video-js.css" rel="stylesheet" type="text/css">
  <script src="video.js"></script>
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>

html5代码,官方demo中给定的代码，因为符合需求，只改了视频源和初始图片，其他的没改。
定义视频源属性source
定义初始图片 poster
width 定义播放器宽度
height 定义播放器高度
高度和宽度可以按百分比定义，用以支持手机播放
track为视频节的导航，可以去掉，对这次开发没用
常用的属性还有autoplay ，视频自动播放

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
     poster="video/pic/product-1.png"
     data-setup="{}">
    <source src="video/product-1.mp4" type='video/mp4' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track>
    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track>
    <p class="vjs-no-js">请使用支持html5的浏览器</p> <!--不支持html5显示-->
  </video>