CDN 域名

http://zhcdn01.xoyo.com/xassets/com/pf/video/v1/miPlayer.min.js

注意：视频格式需要mp4,不支持flv格式

DEMO

http://zhcdn01.xoyo.com/xassets/com/pf/video/v1/demo.html

使用说明

• 需要加载jquery 1.11.0

  调用方法

  
  $videoBox.find('.className').miPlayer({
    showTitle: false,
    autoPlay: true,
    width: 856,
    height: 480,
    title: '',
    poster: posterArr[index],//第一桢图片地址
    videos: videoList[0], //视频地址
    onStart:function(){ 
      $(".clarity-btn-text").html('高清'); //利用回调默认改字为高清
      $('video').attr('webkit-playsinline','webkit-playsinline'); //iphone下默认会全屏播放，但设计这个属性以后，没法再全屏播放视频
    }
  });
  
  

• 参数说明

  
  autoPlay 自动播放控制
  poster   图片预览地址 
  videos   视频地址 
  width    视频宽度
  height   视频高度
  
  注意：每点击一次 这个代码就会初始化一次 如果视频不是弹出层
  不能把视频按钮遮住，那就用jquery的一次点击事件 one 等方法做特殊处理
  
  

视频文件

找FLASH设计师 辛宰光 或者项目相关人员 拿到mp4格式的源文件

1、登录//cms.seasungame.com/?r=User/Welcome

2、选择站点 v.static.seasungame.com

3、根据项目/日期 上传视频文件到cms

4、如果文件大于50M，需要找 欧建龙|刘春丽 用FTP上传到服务器

样式