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 相关文章推荐
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 Javascript
JavaScript DOM元素尺寸和位置
Apr 13 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
Sep 06 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
Nov 30 Javascript
老生常谈遮罩层 滚动条的问题
Apr 29 Javascript
JavaScript6 let 新语法优势介绍
Jul 15 Javascript
jquery.validate表单验证插件使用详解
Jun 21 jQuery
layui radio性别单选框赋值方法
Aug 15 Javascript
详解关于html,css,js三者的加载顺序问题
Apr 10 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 Javascript
VUE实现吸底按钮
Mar 04 Vue.js
关于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图片的二进制转换实现方法
2014/12/15 PHP
smarty表格换行实例
2014/12/15 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
Yii实现Command任务处理的方法详解
2016/07/14 PHP
JavaScript 在各个浏览器中执行的耐性
2009/04/06 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
原生JavaScript实现瀑布流布局
2020/06/28 Javascript
JS DOMReady事件的六种实现方法总结
2016/11/23 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
Python实现统计单词出现的个数
2015/05/28 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
解决python删除文件的权限错误问题
2018/04/24 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
Python不同目录间进行模块调用的实现方法
2019/01/29 Python
django框架使用方法详解
2019/07/18 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
艺术应用与设计专业个人的自我评价
2013/11/19 职场文书
实习求职信
2013/12/01 职场文书
《灯光》教学反思
2014/02/08 职场文书
广告传媒专业应届生求职信
2014/03/01 职场文书
感恩母亲节活动方案
2014/03/04 职场文书
大三学生学年自我鉴定
2014/09/12 职场文书
综合素质评价思想道德自我评价
2015/03/09 职场文书
赵氏孤儿观后感
2015/06/09 职场文书
昆虫记读书笔记
2015/06/26 职场文书
小学数学教学随笔
2015/08/14 职场文书
Golang中channel的原理解读(推荐)
2021/10/16 Golang
关于k8s环境部署mysql主从的问题
2022/03/13 MySQL