js获取腾讯视频ID的方法


Posted in Javascript onOctober 03, 2016

本文实例讲述了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 相关文章推荐
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
分享Javascript中最常用的55个经典小技巧
Nov 29 Javascript
javascript常用正则表达式汇总
Jul 31 Javascript
JavaScript 拖拽实例代码
Sep 21 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
详解Vue.js 2.0 如何使用axios
Apr 21 Javascript
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
详解React中传入组件的props改变时更新组件的几种实现方法
Sep 13 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
基于node简单实现RSA加解密的方法步骤
Mar 21 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
Aug 03 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 #Javascript
微信小程序 navigation API实例详解
Oct 02 #Javascript
微信小程序 获取设备信息 API实例详解
Oct 02 #Javascript
微信小程序 location API实例详解
Oct 02 #Javascript
微信小程序 Storage API实例详解
Oct 02 #Javascript
微信小程序 Video API实例详解
Oct 02 #Javascript
老生常谈JavaScript中的this关键字
Oct 01 #Javascript
You might like
PHP 中的面向对象编程:通向大型 PHP 工程的办法
2006/12/03 PHP
一个图形显示IP的PHP程序代码
2007/10/19 PHP
PHP 日期时间函数的高级应用技巧
2009/10/10 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
php异常处理方法实例汇总
2015/06/24 PHP
Javascript实例教程(19) 使用HoTMetal(2)
2006/12/23 Javascript
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
12个非常有创意的JavaScript小游戏
2010/03/18 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
javascript结合Canvas 实现简易的圆形时钟
2015/03/11 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
jQuery实现拖动剪裁图片作为头像
2016/12/28 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
简析Python的闭包和装饰器
2016/02/26 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
详谈Python3 操作系统与路径 模块(os / os.path / pathlib)
2018/04/26 Python
python中实现控制小数点位数的方法
2019/01/24 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
Python切图九宫格的实现方法
2019/10/10 Python
Python Dataframe常见索引方式详解
2020/05/27 Python
python 抓取知乎指定回答下视频的方法
2020/07/09 Python
详解numpy1.19.4与python3.9版本冲突解决
2020/12/15 Python
基于CSS3实现的漂亮Menu菜单效果代码
2015/09/10 HTML / CSS
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
合作投资意向书
2014/04/01 职场文书
股东协议书范本
2014/04/14 职场文书
考试作弊检讨书
2015/01/27 职场文书
党员身份证明材料
2015/06/19 职场文书
MySQL 数据丢失排查案例
2021/05/08 MySQL
Unity连接MySQL并读取表格数据的实现代码
2021/06/20 MySQL