Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Video.js Amaze UI Skin


向下兼容的 HTML5 播放器 Video.js Amaze UI 皮肤。

使用说明:

  1. 获取皮肤:
  1. 在 Amaze UI 样式之后引入主题:

Amaze UI Video.js 皮肤依赖 Amaze UI 中的 ICON。

<link rel="stylesheet" href="path/to/amazeui.min.css"/>
<link rel="stylesheet" href="path/to/amazeui.videojs.css"/>
  1. 引入 video.js 并指定 Flash 路径:
<script src="path/to/video.js"></script>
<script>
  videojs.options.flash.swf = "video.js/video-js.swf";
</script>
  1. 使用 <video> 插入视频:

<video> 上添加 .video-js.vjs-amazeui class。

<video id="example_video_1" class="video-js vjs-amazeui" controls preload="none" width="640" height="264"
       poster="http://video-js.zencoder.com/oceans-clip.png"
       data-setup="{}">
  <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
  <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
  <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
  <track kind="captions" src="video.js/demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
  <track kind="subtitles" src="video.js/demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
  <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>

更多信息参见 Video.js 文档

About

Video.js Amaze UI Skin.

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.