搜狐視頻播放器開發文檔

內部文檔，管理員莫推薦：）

描述

只需引入一個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播放。