摘要:内部文档,管理员莫推荐描述只需引入一个文件并配置简单几个参数,就可以在任何第三方网页调用搜狐视频的播放器。是搜狐视频分配的用于统计的渠道号,如果没有可以不填。
内部文档,管理员莫推荐:) 描述
只需引入一个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播放。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/87445.html
摘要:视频直播点播服务干货分享近年互联网直播业务非常火热。我也研究了下,发现上配置视频直播点播也很容易实现,特分享一下。表示打开点播,会在服务器上生成临时文件的。用苹果设备访问你的就可以看到该直播了。由于兼容性问题,只能在苹果设备上用浏览器访问。 nginx视频直播/点播服务干货分享 近年互联网直播业务非常火热。我也研究了下,发现nginx上配置视频直播点播也很容易实现,特分享一下。一、ub...
阅读 3030·2021-11-24 11:14
阅读 3332·2021-11-22 15:22
阅读 3174·2021-09-27 13:36
阅读 641·2021-08-31 14:29
阅读 1302·2019-08-30 15:55
阅读 1703·2019-08-29 17:29
阅读 1105·2019-08-29 16:24
阅读 2364·2019-08-26 13:48