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 相关文章推荐
IE8 原生JSON支持
Apr 13 Javascript
浅析js中2个等号与3个等号的区别
Aug 06 Javascript
浅析jquery某一元素重复绑定的问题
Jan 03 Javascript
JavaScript中实现单体模式分享
Jan 29 Javascript
JavaScript数组的定义及数字操作技巧
Jun 06 Javascript
Bootstrap在线电子商务网站实战项目5
Oct 14 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 Javascript
jQuery 改变P标签文本值方法
Feb 24 jQuery
微信小程序实现通过js操作wxml的wxss属性示例
Dec 06 Javascript
vue实现的下拉框功能示例
Jan 29 Javascript
Vue.extend实现挂载到实例上的方法
May 01 Javascript
JS实现前端动态分页码代码实例
Jun 02 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无限分类的类
2007/01/02 PHP
PHP CURL模拟GET及POST函数代码
2010/04/25 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
通过Mootools 1.2来操纵HTML DOM元素
2009/09/15 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
javascript实现可全选、反选及删除表格的方法
2015/05/15 Javascript
微信小程序之拖拽排序(代码分享)
2017/01/21 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
12个非常有用的JavaScript技巧
2017/05/17 Javascript
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
2017/07/23 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
微信小程序实现手势图案锁屏功能
2018/01/30 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
JS实现关键词高亮显示正则匹配
2018/06/22 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
Python实现KNN邻近算法
2021/01/28 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
Python检测数据类型的方法总结
2019/05/20 Python
pandas.DataFrame的pivot()和unstack()实现行转列
2019/07/06 Python
Python Django切换MySQL数据库实例详解
2019/07/16 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
介绍一下RMI的基本概念
2016/12/17 面试题
法学函授自我鉴定
2014/02/06 职场文书
开朗女孩的自我评价
2014/02/10 职场文书
大学生优秀自荐信范文
2014/02/25 职场文书
火箭队口号
2014/06/18 职场文书
县政府办公室领导班子个人对照检查材料
2014/09/16 职场文书
大学生逃课检讨书
2015/05/04 职场文书
幼儿园迎新生欢迎词
2015/09/30 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书
Python 多线程处理任务实例
2021/11/07 Python