JS截取騰訊視頻和去除視頻廣告

一：騰訊視頻截取

H5視頻播放除了video標籤之外，還有iframe嵌套視頻

項目需求是用戶輸入騰訊視頻的html連接，如

https://v.qq.com/x/page/y0116k2vspw.html

須要把這個html轉化爲視頻，在這裏最最關鍵的一點就是視頻videoId的獲取，正常狀況下videoId就是.html前面字段

用JS把視頻ID拿出來

var startIndex=data.info.video.link.lastIndexOf('/') //data.info.video.lonk是後臺返回的用戶輸入的視頻連接
var video=data.info.video.link.substr(startIndex+1)
var endIndex=video.split('.')[0] //最後獲得視頻的videoid(endindex=y0116k2vspw)

接下來及就是JS調用騰訊統一播放器（參考地址 https://www.jianshu.com/p/081a4b1cdfc8）

一：Version1.0

一、

首先引入<script language="javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>

二、參數配置

<script>
    var video = new tvp.VideoInfo();  //初始化視頻對象
    video.setVid(vid);                //向視頻對象傳入視頻vid ，這個是點播的時候使用,vid就是視頻的videoid
    //video.setChannelId(cnlid);      //向視頻對象傳入直播頻道cnlid ，這個是直播的時候使用

    /*點播跟直播的區別主要是：
        點播是經過video.setVid(vid); 
        而直播是經過video.setChannelId(cnlid); 設置直播id
        點播須要player.addParam('type','2');或者省略，由於默認播放器爲點播狀態;
        直播必須經過player.addParam('type','1');設置播放器爲直播狀態，。
    */
    
    var player = new tvp.Player(width, height);  //初始化播放器對象並設置寬、高，能夠直接寫具體數字，頁能夠經過JS動態改變
    player.setCurVideo(video);                   //設置播放器初始化時加載的視頻
    player.addParam('type','1');                 //設置播放器爲直播狀態，1表示直播，2表示點播，默認爲2
    player.addParam("wmode","transparent");      //設置透明化，不設置時，視頻爲最高級，老是處於頁面的最上面，此時設置z-index無效
    player.addParam('autoplay',false);           //是否自動播放
    player.addParam('pic','');                   //播放器默認圖，當autoplay=0時有效；不傳入則使用視頻截圖                                  
    player.addParam('showend',0)                 //結束時是否有廣告

     player.addParam("adplay","0");       //去除廣告 ，默認 1 是顯示廣告，0是屏蔽廣告

     player.addParam("player","html5");   //播放器類型爲html5，還能夠設置爲控件播放，flash播放，以及auto 自動選擇等

    player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf"); //flash播放器精簡皮膚；不傳入則使用默認皮膚
    player.addParam("loadingswf", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/web_small_loading.swf");   //加載視頻時的swf動畫; 不傳入則使用默認樣式
    player.write(DOMid);                         //輸出播放器，DOMid爲播放器的容器
    //events
    player.onplaying = function(vid) {
        console.log(vid);
    }
    player.onended = function(vid) {
        console.log(vid);
    }
    
</script>

二：Version2.0

一、

首先引入<script language="javascript" src="http://imgcache.qq.com/tencentvideo_v1/tvp/js/tvp.player_v2.js" charset="utf-8"></script>

二、參數配置

<script>
  var video = new tvp.VideoInfo();
  video.setVid(vid);
  var player =new tvp.Player();
  player.create({
    width: width,       //播放器的寬度
    height: height, //播放器的高度
    video: video,       //默認的視頻對象
    modId: DOMid,       //默認的 DOM 元素 ID
    autoplay: false,
    pic: imgURL
  });
  player.onplaying = function (vid){
    console.log(vid)
  }
  player.onallended = function (vid){
    console.log(vid)
  };
</script>

 完美去除騰訊視頻廣告