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

来源: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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...