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 相关文章推荐
jQuery cdn使用介绍
May 08 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
Jun 09 Javascript
JavaScript判断textarea值是否为空并给出相应提示
Sep 04 Javascript
js中iframe调用父页面的方法
Oct 30 Javascript
详解JavaScript对W3C DOM模版的支持情况
Jun 16 Javascript
jquery实现鼠标悬浮停止轮播特效
Aug 20 Javascript
javascript数组克隆简单实现方法
Dec 16 Javascript
Bootstrap三种表单布局的使用方法
Jun 21 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
Sep 17 Javascript
BootStrap tooltip提示框使用小结
Oct 26 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
js 奇葩技巧之隐藏代码
Aug 11 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 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
PHP 透明水印生成代码
2012/08/27 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
PHP的运行机制与原理(底层)
2015/11/16 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
2015/05/18 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
基于javascript实现表格的简单操作
2016/05/21 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
文件上传的几个示例分享【推荐】
2016/12/16 Javascript
Vue组件中prop属性使用说明实例代码详解
2018/05/31 Javascript
jQuery实现的隔行变色功能【案例】
2019/02/18 jQuery
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
实例解析Python中的__new__特殊方法
2016/06/02 Python
python实现百万答题自动百度搜索答案
2018/01/16 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
Python使用psutil获取进程信息的例子
2019/12/17 Python
俄罗斯EPL钻石珠宝店:ЭПЛ
2019/10/22 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
计算机专业应届毕业生自荐信
2013/09/26 职场文书
最新会计专业求职信范文
2014/01/28 职场文书
《小石潭记》教学反思
2014/02/13 职场文书
餐厅经理岗位职责范本
2014/02/17 职场文书
教研活动总结
2014/04/28 职场文书
细节决定成败演讲稿
2014/05/12 职场文书
校运会广播稿
2015/08/19 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL
Apache Hudi 加速传统的批处理模式
2022/04/24 Servers
Windows11 Insider Preview Build 25206今日发布 更新内容汇总
2022/09/23 数码科技