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之软键盘实现(js源码)
Jan 30 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 Javascript
javascript验证邮件地址和MX记录的方法
Jun 16 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
Angularjs按需查询实例代码
Oct 30 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
利用vue+elementUI实现部分引入组件的方法详解
Nov 22 Javascript
在vue中封装可复用的组件方法
Mar 01 Javascript
Node.js引入UIBootstrap的方法示例
May 11 Javascript
react项目如何使用iconfont的方法步骤
Mar 13 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
Jan 22 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
域名查询代码公布
2006/10/09 PHP
php中看实例学正则表达式
2006/12/25 PHP
基于OpenCV的PHP图像人脸识别技术
2009/10/11 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
PHP中使用curl入门教程
2015/07/02 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
用Javascript读取中文COOKIE的解决办法
2007/02/15 Javascript
IE event.srcElement和FF event.target 功能比较
2010/03/01 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
jQuery中odd选择器的定义和用法
2014/12/23 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
js实现TAB切换对应不同颜色的代码
2015/08/31 Javascript
jQuery操作iframe中js函数的方法小结
2016/07/06 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
JS作用域深度解析
2016/12/29 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
提升页面加载速度的插件InstantClick
2017/09/12 Javascript
JS数组去重的6种方法完整实例
2018/12/08 Javascript
[01:06:43]完美世界DOTA2联赛PWL S3 PXG vs GXR 第二场 12.19
2020/12/24 DOTA
Python使用pyautocad+openpyxl处理cad文件示例
2019/07/11 Python
python打造爬虫代理池过程解析
2019/08/15 Python
python支付宝支付示例详解
2019/08/22 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
Python 实现 T00ls 自动签到脚本代码(邮件+钉钉通知)
2020/07/06 Python
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
职称自我鉴定
2013/10/15 职场文书
学生党员的自我评价范文
2014/03/01 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
2014年服务行业工作总结
2014/11/18 职场文书
检讨书格式
2015/01/23 职场文书
中秋节寄语2015
2015/03/24 职场文书
百年孤独读书笔记
2015/06/29 职场文书
oracle表分区的概念及操作
2021/04/24 Oracle
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript