本文介绍如何使用 JavaScript 从腾讯视频链接中提取视频 ID。通过分析 PC 端和移动端 URL 结构，利用字符串截取或正则表达式匹配 vid 参数，封装为通用函数以便在 iframe 嵌入或数据获取场景中使用。
腾讯视频 ID 提取原理
本文详细介绍一种通过 JavaScript 获取腾讯视频 ID 的解决方案，供开发者参考。
要实现从腾讯视频链接中提取 ID，首先必须明确不同视频链接的格式规则，只有掌握规则才能准确提取。
在项目开发中，常遇到需要添加视频的功能。例如，用户复制了腾讯视频的分享链接，其格式可能如下：http://v.qq.com/x/cover/ypdy6korrry8w5a/u0332wyg5oa.html。
我们的目标是从该链接中提取出 .html 之前、且位于最后一个斜杠之后的字符串部分，即视频 ID（如 u0332wyg5oa）。当用户在腾讯视频页面点击“分享”时，通常会生成一段嵌入代码。
参考代码如下：
<iframe frameborder="0″ width="640″ height="498″ src="http://v.qq.com/iframe/player.html?vid=u0332wyg5oa&tiny=0&auto=0″ allowfullscreen></iframe>基于 URL 结构的提取方法
观察上述嵌入代码，src 属性中包含 vid=u0332wyg5oa，其中的视频 ID 与我们需要提取的 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。该 ID 可直接赋值给 iframe 标签 src 属性中的 vid 参数，从而完成视频嵌入。
封装为通用函数
为了便于复用，可以将上述逻辑封装为一个独立的函数，供项目其他部分直接调用。
函数定义示例如下：
function dataVideo(Url){
//上面的代码
return video_Url_Id;
}在需要获取 ID 的地方，直接调用该函数即可。
video_Url_Id = dataVideo(Url);调用方式示例：
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文提供的 JavaScript 程序设计思路能对读者有所帮助。