当前位置：首页> 正文

VideoJS 最流行的 HTML5 网页视频播放器

VideoJS 是最流行的 HTML5 网页视频播放器，免费、开源，可使用 CSS 轻松定制皮肤，支持全屏，在不支持的浏览器自动切换为 Flash 播放。

video.js是一个JavaScript和CSS库，使得它更容易使用和建立HTML5视频，今天。这也被称为“HTML5视频播放器”。video.js提供了一个通用控件内置的HTML / CSS的皮肤，修复跨浏览器的不一致，增加了附加功能，如全屏和字幕，管理退回到Flash或其他播放技术，不支持HTML5视频时，也提供了一个一致与视频交互的JavaScript API。

皮肤一次，到处使用
与其他网络播放器，创建一个自定义皮肤，需要复杂蒙皮语言，或者是不是一种选择，在所有。video.js的HTML5，Flash和任何其他的播放技术使用相同的CSS代码，打开门，使用标记，我们已经很熟悉的定制。

一致的播放API
HTML5的，Flash和其他播放技术都有不同的JavaScript API与视频交互。video.js提供了一个单一的API，可用于跨平台一致，所以你只需要编写一次代码。

轻量级闪回退
大多数Flash视频播放器是巨大的。除了正在播放的视频加载数以百计的额外千字节。Video.js自定义Flash后备球员比10K！这意味着你的视频加载速度更快，即使使用闪光灯时。
使用方法：
在<head>中加入代码：
<link href="http://vjs.zencdn.net/4.4/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.4/video.js"></script>
其中video-js.css和video.js是下载文件里的文件，相应的为文件所有地址。

在<body>中加入代码：
<video id="my_video_1" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" poster="my_video_poster.webp"
data-setup="{}">
<source src="my_video.mp4" type='video/mp4'>
<source src="my_video.webm" type='video/webm'>
</video>

播放器的下载地址可以在网上百度搜索到。

展开全文阅读