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 相关文章推荐
json 实例详细说明教程
Oct 31 Javascript
解析js原生方法创建表格效率测试
Jul 08 Javascript
jquery悬浮提示框完整实例
Jan 13 Javascript
AngularJS中比较两个数组是否相同
Aug 24 Javascript
Bootstrap Table使用心得总结
Nov 29 Javascript
JavaScript实现替换字符串中最后一个字符的方法
Mar 07 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
Apr 07 Javascript
javascript基本常用排序算法解析
Sep 27 Javascript
Vue实现左右菜单联动实现代码
Aug 12 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
May 06 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
Nov 01 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 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
hessian 在PHP中的使用介绍
2010/12/13 PHP
深入apache host的配置详解
2013/06/09 PHP
ThinkPHP框架实现导出excel数据的方法示例【基于PHPExcel】
2018/05/12 PHP
javascript Array.remove() 数组删除
2009/08/06 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
jquery 循环显示div的示例代码
2013/10/18 Javascript
js时间戳格式化成日期格式的多种方法
2013/11/11 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
JS递归遍历对象获得Value值方法技巧
2016/06/14 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
2017/12/18 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
js实现移动端轮播图
2020/12/21 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
JS实现联想、自动补齐国家或地区名称的功能
2020/07/07 Javascript
[00:37]DOTA2上海特级锦标赛 OG战队宣传片
2016/03/03 DOTA
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
numpy.random模块用法总结
2019/05/27 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
python Yaml、Json、Dict之间的转化
2020/10/19 Python
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
美国轮胎网站:Priority Tire
2018/11/28 全球购物
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
华三通信H3C面试题
2015/05/15 面试题
中专自荐信
2013/10/13 职场文书
室内设计专业个人的自我评价
2013/12/18 职场文书
2014两会学习心得:时代的发展
2014/03/17 职场文书
安全检查汇报材料
2014/12/26 职场文书
小学生差生评语
2014/12/29 职场文书
新入职员工工作总结
2015/10/15 职场文书
2016年最美孝心少年事迹材料
2016/02/26 职场文书
vue+element ui实现锚点定位
2021/06/29 Vue.js
AngularJS实现多级下拉框
2022/03/25 Javascript
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers