Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including amazeui-videojs with all npm packages installed. Try it out:

var amazeuiVideojs = require("amazeui-videojs")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

amazeui-videojs v0.2.0

Vedio.js Amaze UI 风格皮肤

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 文档

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free