网页中播放videohtml5嵌入

首先下载video.js

先把要用到的js\css\swf都加载到html页面上。

如:

 <link href="video-js/video-js.css" rel="stylesheet" type="text/css">

 <script src="video-js/video.js"></script>

 <script>

   videojs.options.flash.swf = "video-js/video-js.swf";

 </script>

 

加入下面的代码:

<video id="my_video_1" class="video-js vjs-default-skin" controls    preload="auto"width="640"height="480"poster="video-js/my_video_poster.png"    data-setup="{}">

        <source src="Wildlife.mp4" type='video/mp4'> 

      </video>

只要记住:修改width=”640″ height=”480″来改变视频显示大小,修改src=”Wildlife.mp4″来改变要显示的视频。

打开html文件查看效果

 

成为第一个发表评论的人

发表评论

您的电子邮件地址不会被公开.


*