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 相关文章推荐
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
JavaScript中prototype为对象添加属性的误区介绍
Oct 15 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
浅谈js的setInterval事件
Dec 05 Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
jquery获取img的src值实例介绍
Jan 16 jQuery
详解TypeScript+Vue 插件 vue-class-component的使用总结
Feb 18 Javascript
如何使用JavaScript实现栈与队列
Jun 24 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扩展编写点滴 技巧收集
2010/03/09 PHP
基于php 随机数的深入理解
2013/06/05 PHP
探讨php中遍历二维数组的几种方法详解
2013/06/08 PHP
php中如何使对象可以像数组一样进行foreach循环
2013/08/09 PHP
PHP处理SQL脚本文件导入到MySQL的代码实例
2014/03/17 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
js实现汉字排序的方法
2015/07/23 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
js创建数组的简单方法
2016/07/27 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
2016/09/23 Javascript
JSONP基础知识详解
2017/03/19 Javascript
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
Python格式化日期时间操作示例
2018/06/28 Python
Python数据类型之List列表实例详解
2019/05/08 Python
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
Django 大文件下载实现过程解析
2019/08/01 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
python之列表推导式的用法
2019/11/29 Python
python使用配置文件过程详解
2019/12/28 Python
Python如何绘制日历图和热力图
2020/08/07 Python
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
《两只鸟蛋》教学反思
2014/02/10 职场文书
新生开学寄语大全
2015/05/28 职场文书
委托书范本格式
2019/04/18 职场文书
Python first-order-model实现让照片动起来
2022/06/25 Python
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android