内部文档,管理员莫推荐:)
描述
只需引入一个JS文件并配置简单几个参数,就可以在任何第三方网页调用搜狐视频的播放器。
功能
- 支持HTML5和Flash播放;
- 支持传入视频源地址(mp4或m3u8)播放;
- 支持连播;
- 支持播放器一些简单事件;
- 支持设置播放器宽高。
应用
搜狐新闻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
: 正在播放;
-
pause
:播放暂停; -
end
:播放停止。
Bonus
连播,方法,事件,属性只存在于HTML5播放。