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 相关文章推荐
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
基于jquery的bankInput银行卡账号格式化
Aug 22 Javascript
JS实现清除指定cookies的方法
Sep 20 Javascript
jQuery实现360°全景拖动展示
Mar 18 Javascript
js+html5实现canvas绘制网页时钟的方法
May 21 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
Feb 20 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
Jun 19 Javascript
webpack 插件html-webpack-plugin的具体使用
Apr 09 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
解决vue.js 数据渲染成功仍报错的问题
Aug 25 Javascript
微信小程序Echarts覆盖正常组件问题解决
Jul 13 Javascript
解决vue中provide inject的响应式监听
Apr 19 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教程 变量定义
2009/10/23 PHP
php+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
PHP单例模式详细介绍
2015/07/01 PHP
PHP入门教程之自定义函数用法详解(创建,调用,变量,参数,返回值等)
2016/09/11 PHP
javascript 精粹笔记
2010/05/09 Javascript
瀑布流布局并自动加载实现代码
2013/03/12 Javascript
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
jquery动态赋值id与动态取id方法示例
2017/08/21 jQuery
JavaScript模拟实现自由落体效果
2018/08/28 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
微信小程序onShareTimeline()实现分享朋友圈
2021/01/07 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
[13:39]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第一场
2014/05/26 DOTA
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
用Python进行基础的函数式编程的教程
2015/03/31 Python
Python多进程原理与用法分析
2018/08/21 Python
python中partial()基础用法说明
2018/12/30 Python
python实现全盘扫描搜索功能的方法
2019/02/14 Python
Python制作词云图代码实例
2019/09/09 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
Python3搭建http服务器的实现代码
2020/02/11 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
美国最大的无人机经销商:DroneNerds
2018/03/20 全球购物
师范应届生求职信
2013/11/15 职场文书
单位未婚证明范本
2014/01/18 职场文书
党员党性分析材料
2014/02/17 职场文书
企业文化建设实施方案
2014/03/22 职场文书
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript
php实现自动生成验证码的实例讲解
2021/11/17 PHP
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python
Python中npy和mat文件的保存与读取
2022/04/24 Python
CentOS7安装MySQL8的超级详细教程(无坑!)
2022/06/10 Servers