video(视频模块)

作者：kevinhehe
版本：v.1
依赖：mocha.css

点击运行Demo

样式1 .mocha-video-scheme1

<div id="mochaVideo" class="mocha-video mocha-video-scheme1 mocha-video-skin1"></div>

video实例化JS

依赖txplayer.js(v3)组件

<script src='//vm.gtimg.cn/tencentvideo/txp/js/txplayer.js'></script>
<script type="text/javascript">var player = new Txplayer({  containerId: 'mochaVideo',  vid: 'r0018hmh1pa',  width: '100%',  height: '100%',  // 自动播放  autoplay: true});</script>
var player = new Txplayer({
  containerId: 'mochaVideo',
  vid: 'r0018hmh1pa',
  width: '100%',
  height: '100%',
  // 自动播放
  autoplay: true
});

修改模块皮肤CSS

模块的默认皮肤类.mocha-video-skin1，您可以在您项目的page.css里修改.mocha-video-skin1皮肤类，或者新增.mocha-video-skin2。