DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js獲取騰訊視頻ID的方法
js獲取騰訊視頻ID的方法
編輯:關於JavaScript     

本文實例講述了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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved