搜狐视频播放器开发文档

内部文档，管理员莫推荐：）

描述

只需引入一个JS文件并配置简单几个参数，就可以在任何第三方网页调用搜狐视频的播放器。

功能

1. 支持HTML5和Flash播放；
2. 支持传入视频源地址（mp4或m3u8）播放；
3. 支持连播；
4. 支持播放器一些简单事件；
5. 支持设置播放器宽高。

应用

搜狐新闻H5版中调用

调用

引入JS文件会创建一个名为SohuMobilePlayer的“类”，前端在调用时只需实例化这个“类”即可，具体调用方法如下：

通过视频vid创建播放器

var player = new SohuMobilePlayer(id, vid, channeled);

var player = new SohuMobilePlayer(id, {
  vid: 1261122,
  isAutoPlay: true
}, channeled);

参数说明：

• id：播放器容器的id ，String，必须
• vid：视频的vid，Number || String，必须
• isAutoPlay：是否自动播放，可选，Boolean || String，默认为'auto'
• channeled：视频的channeled，Number || String，可选

vid是搜狐视频播放源的唯一ID，可以在搜狐视频播放页中找到。
channeled是搜狐视频分配的用于统计的渠道号，如果没有可以不填。

isAutoPlay的值有true, false,wifi, 'auto'四个：
1. true: 全部自动播放
2. false: 全部不自动播放
3. wifi: wifi情况下自动播放（只有部分Android机型支持）
4. 'auto': 默认的自动播放逻辑

通过传入视频源地址创建播放器

var player = new SohuMobilePlayer(id, {
  mp4: 'http://test.com/1.mp4',
  m3u8: 'http://test.com/1.m3u8',
  poster: 'http://test.com/1.jpg',
  width: 320,
  channeled: 1122290,
  title: "新浪科技：搜狐视频全资收购爱奇艺",
  adClose: 1
});

参数说明：

• id：播放器容器的id (String, 必须)
• mp4：视频mp4源地址 (Array，可选)
• m3u8：视频m3u8源地址 (Array，可选)
• poster：播放器封面图 (String, 可选)
• width：播放器高度 （Number，可选）
• title：视频标题 (String，可选)
• channeled：视频的channeled (Number || String，可选)
• adClose: 是否禁播广告，默认为0不禁止（Number，可选）。

mp4和m3u8地址至少传一种。

连播

通过传入vid数组实现连播

var player = new SohuMobilePlayer(id, {
  vid:[vid1, vid2, ...]
});

通过传入视频源数组实现连播

var player = new SohuMobilePlayer(id, {
  mp4: ['http://test.com/1.mp4', 'http://test.com/2.mp4'],
  m3u8: ['http://test.com/1.m3u8', 'http://test.com/2.m3u8'],
  poster: ['1.jpg','2.jpg'],
  title: ['Title1', 'Title2']
});

方法

支持播放和暂停两种方法：

  player.play();
  player.pause();

事件

  player.on(type, callback);

参数说明：type(String)为事件类型，callback(Function)为事件触发时得回调。

举例

player.on('pause', function() {
  console.log('hey, I have paused!');
});

类型

暂时只支持五种事件类型：

• ready：视频数据准备完成；
• play：开始播放；
• pause：暂停播放；
• playing：正在播放；
• end：播放停止。

属性

player.status

返回播放器的状态，有三个值：

• playing： 正在播放；

1. pause：播放暂停；
2. end：播放停止。

Bonus

连播，方法，事件，属性只存在于HTML5播放。