摘要:內部文檔,管理員莫推薦描述只需引入一個文件并配置簡單幾個參數,就可以在任何第三方網頁調用搜狐視頻的播放器。是搜狐視頻分配的用于統計的渠道號,如果沒有可以不填。
內部文檔,管理員莫推薦:) 描述
只需引入一個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播放。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/87445.html
摘要:視頻直播點播服務干貨分享近年互聯網直播業務非?;馃?。我也研究了下,發現上配置視頻直播點播也很容易實現,特分享一下。表示打開點播,會在服務器上生成臨時文件的。用蘋果設備訪問你的就可以看到該直播了。由于兼容性問題,只能在蘋果設備上用瀏覽器訪問。 nginx視頻直播/點播服務干貨分享 近年互聯網直播業務非常火熱。我也研究了下,發現nginx上配置視頻直播點播也很容易實現,特分享一下。一、ub...
閱讀 3076·2021-11-24 11:14
閱讀 3514·2021-11-22 15:22
閱讀 3210·2021-09-27 13:36
閱讀 720·2021-08-31 14:29
閱讀 1334·2019-08-30 15:55
閱讀 1765·2019-08-29 17:29
閱讀 1151·2019-08-29 16:24
閱讀 2412·2019-08-26 13:48