優酷、騰訊視頻播放器介面參數說明

来源:http://www.cnblogs.com/shouce/archive/2016/06/02/5551791.html
-Advertisement-
Play Games

終於有一點空閑時間整理一下一些小插件,最近經常用到優酷、騰訊的視頻播放器進行視頻播放,所以整理一下以後方便使用。優酷:優酷的視頻播放器介面連接為:http://open.youku.com/tools/ 裡面已經有教詳細的說明瞭。在這裡也做一些說明吧:導入js文件: 1 <script type=" ...


終於有一點空閑時間整理一下一些小插件,最近經常用到優酷、騰訊的視頻播放器進行視頻播放,所以整理一下以後方便使用。
優酷:
優酷的視頻播放器介面連接為:http://open.youku.com/tools/ 裡面已經有教詳細的說明瞭。
在這裡也做一些說明吧:
導入js文件:

1 <script type="text/javascript" src="http://player.youku.com/jsapi">

調用:

複製代碼
 1 <script type="text/javascript">
 2 player = new YKU.Player('youkuplayer',{
 3     styleid: '0',                          //炫彩播放器樣式 0-9
 4     client_id: '',                         //優酷開放平臺創建應用的client_id 這個是必須的登錄優酷在後臺創建一個應用就有。
 5     vid: '替換成優酷視頻ID',                 //視頻ID 這個視頻id就是優酷視頻連接後面的字元串,這個應該懂吧。
 6     autoplay: true,                        //是否自動播放視頻
 7     show_related: true,                    //播放完成是否顯示相關視頻
 8     embsig: '',                            //嵌入式播放器簽名(非網站類應用必須設置)
 9     password: 'md5('播放密碼'+client_id)',  //免密碼播放
10     events:{
11         onPlayerReady: function(){ /*your code*/ }, //播放器準備就緒調用
12         onPlayStart: function(){ /*your code*/ },   //播放器開始播放時調用
13         onPlayEnd: function(){ /*your code*/ }      //播放器結束播放時調用
14     }
15 });
16 function playVideo(){
17     player.playVideo();  //播放
18 }
19 function pauseVideo(){
20     player.pauseVideo();  //暫停
21 }
22 function seekTo(s){
23     player.seekTo(s);//定位至指定時間
24 }
25 function currentTime(){
26     return player.currentTime();//當前播放時間
27 }
28 </script>
複製代碼

騰訊:
騰訊的視頻播放器介面連接一時沒找著,哪位童鞋知道的麻煩發下,謝謝。
導入js文件:

1 <script type="text/javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset='utf-8'></script>

調用:

複製代碼
 1 <script type="text/javascript">
 2 var video = new tvp.VideoInfo();    //初始化視頻對象
 3 video.setVid(視頻id);                //向視頻對象傳入視頻vid ,這個是點播的時候使用
 4 video.setChannelId(直播頻道id);      //向視頻對象傳入直播頻道id ,這個是直播的時候使用
 5 
 6 /*點播跟直播的區別主要是:
 7 1. 點播是通過video.setVid(vid); 而直播是通過video.setChannelId(cnlid); 設置直播id
 8 2. 點播需要player.addParam('type','2');或者省略,因為預設播放器為點播狀態;直播必須通過player.addParam('type','1');設置播放器為直播狀態,。
 9 */
10 
11 var player = new tvp.Player(width, height);  //初始化播放器對象並設置寬、高
12 player.setCurVideo(video);                   //設置播放器初始化時載入的視頻
13 player.addParam('type','1');                 //設置播放器為直播狀態,1表示直播,2表示點播,預設為2
14 player.addParam("wmode","transparent");      //設置透明化,不設置時,視頻為最高級,總是處於頁面的最上面,此時設置z-index無效
15 player.addParam('autoplay',false);           //是否自動播放
16 player.addParam('pic','');                   //播放器預設圖,當autoplay=0時有效;不傳入則使用視頻截圖                                  
17 player.addParam('showend',0)                 //結束時是否有廣告
18 player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf"); //flash播放器皮膚;不傳入則使用預設皮膚;點播狀態下可選值(註意僅限點播,直播無效),這裡是使視頻視窗為小視窗
19 player.addParam("loadingswf", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/web_small_loading.swf");   //載入視頻時的swf動畫; 不傳入則使用預設樣式
20 player.write(容器id);                         //輸出播放器
21 </script>
複製代碼

騰訊的視頻播放器介面參數還有其他的。這裡沒有全部列舉,有興趣的可以自行百度,很容易找到,這裡只列舉了部分本人項目中常用的。

因為平時項目中經常用到,所以針對優酷和騰訊的視頻播放器寫了一個小小的插件,為了方便裡面使用了jQuery,所以要導入jQuery才行。要原生的只要把裡面的幾個方法改成原生的即可。插件放在GitHub 里。有興趣的可以去看看 :https://github.com/zhouxitian

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 微服務與微服務之間通信。 一、通信協議 我們選用的通信協議是http,其實現工具是retrofit。 特點:實現簡單,但是速度相較於tcp協議是慢一些 如果對速度要求很高,可以使用tcp協議,實現產品可選用mina2/netty 特點:實現簡單,但是速度相較於tcp協議是慢一些 二、服務路由 說明: ...
  • 一、首先編寫微服務基礎項目framework 1、pom.xml 1 <?xml version="1.0" encoding="UTF-8"?> 2 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w ...
  • 在頁面中的鏈接除了常規的方式以外,如果使用javascript,還有很多種方式,下麵是一些使用javascript,打開鏈接的幾種方式: 1.使用window的open方法打開鏈接,這裡可是在制定頁面中打開鏈接,也可以定製打開頁面的尺寸等等。<a href=”javascript:window.op ...
  • angular.js 從來沒有接觸過 現在大家一起來學習 ng-app 指令定義一個 AngularJS 應用程式。 ng-model 指令把元素值(比如輸入域的值)綁定到應用程式。 ng-bind 指令把應用程式變數 name 綁定到某個段落的 innerHTML。 ...
  • 1.創建一個添加按鈕,listeners事件中button的單擊事件,{ id:'button1', xtype : 'button', margin : '6', text : '添加', name : 'btn-add', iconCls: 'btn-add', listeners:{ clic ...
  • /* @@截取字元串長度,漢字算2個字元 @@return [string]+'...' */ var subString = function(str, len) { var newLength = 0; var newStr = ""; var chineseRegex = /[^\x00-\x ...
  • arguments對象並不是標準的Array類型的實例。arguments對象不能直接調用Array方法。 arguments對象的救星call方法 使得arguments可以品嘗到數組方法的美味,知道可以吃,下麵就是怎麼吃的問題了。不管怎麼吃,先吃一口試試。 感覺很棒的樣子,色香都具備了,拿筷子... ...
  • 一. 獲取THREE.js three.js的代碼托管在github上面,https://github.com/mrdoob/three.js/ 我們可以用git來獲取代碼,閑麻煩的話也可以直接下載zip文件。 二. 目錄結構 拿到代碼後先看下three.js的目錄結構 |-build |-cust ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...