本文實例講述了js獲取騰訊視頻ID的方法。分享給大家供大家參考,具體如下:
使用js截取騰訊視頻的ID需要知道地址規則,只有知道了規則才可以獲得到了。
做項目時候遇到添加視頻的問題,比如用戶復制騰訊視頻的鏈接,以這個為例(http://v.qq.com/x/cover/ypdy6korrry8w5a/u0332wyg5oa.html)
現在需要截取.html前面以及最後一個斜槓後面的內容(u0332wyg5oa);騰訊視頻點擊下面分享時會出現這樣一段代碼:
復制代碼 代碼如下:<iframe frameborder="0″ width="640″ height="498″ src="http://v.qq.com/iframe/player.html?vid=u0332wyg5oa&tiny=0&auto=0″ allowfullscreen></iframe>
找到src裡面的"vid=",裡面的代碼和我們要截取的視頻Id是一樣的。所以我就總結了以下方法截取視頻id,方法不簡便,是一步一步截取的, 歡迎朋友們提意見或建議(手機端或PC端鏈接都可以)。
$(function(){ //騰訊視頻PC端網址 var video_Pc_Tx = 'http://v.qq.com'; //騰訊視頻移動端端網址 var video_Mobile_Tx = 'http://m.v.qq.com'; //點擊事件 $("#video_Url").click(function(){ //獲取輸入框中的值 var video_Url = $("#demo").val(); var video_Url_Id = "; if (video_Url.indexOf(video_Pc_Tx) != -1) { //截取Pc端視頻ID var Pc_Tx_Id_w = video_Url.substr(0,video_Url.lastIndexOf('.')-1); video_Url_Id = Pc_Tx_Id_w.substr(Pc_Tx_Id_w.lastIndexOf('/')+1,Pc_Tx_Id_w.length); } else { //此時有可能是移動端騰訊視頻或優酷視頻 if (video_Url.indexOf(video_Mobile_Tx) != -1) { /** * 這裡是判斷移動端視頻鏈接 * GetQueryString() // 調用函數獲取視頻ID */ function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = video_Url.substr(1).match(reg);; if(r!=null)return unescape(r[2]); return null; } //截取Pc端視頻ID video_Url_Id = GetQueryString("vid"); } } }); });
然後"video_Url_Id "就是視頻的Id了 這樣就可以把它放入"src"裡面的"vid="裡面去了
也可以封裝成一個函數,直接調用就行了;
比如:
function dataVideo(Url){ //上面的代碼 return video_Url_Id; }
調用的時候直接
video_Url_Id = dataVideo(Url);
就行了
更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。