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 相关文章推荐
javascript里的条件判断
Feb 27 Javascript
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 Javascript
js实现ifram取父窗口URL地址的方法
Feb 09 Javascript
Html中 IFrame的用法及注意点
Dec 22 Javascript
JavaScript常用数学函数用法示例
May 14 Javascript
Vue中JS动画与Velocity.js的结合使用
Feb 13 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
Apr 11 Javascript
页面内锚点定位及跳转方法总结(推荐)
Apr 24 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
Apr 10 Javascript
VUE中setTimeout和setInterval自动销毁案例
Sep 07 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
Smarty局部缓存的几种方法简介
2014/06/17 PHP
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
为原生js Array增加each方法
2012/04/07 Javascript
jQuery之排序组件的深入解析
2013/06/19 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
jQuery+html5实现div弹出层并遮罩背景
2015/04/15 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
深入理解Vue transition源码分析
2017/07/30 Javascript
js数字滑动时钟的简单实现(示例讲解)
2017/08/14 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
js canvas实现写字动画效果
2018/11/30 Javascript
vue实现微信获取用户信息的方法
2019/03/21 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
python 打印直角三角形,等边三角形,菱形,正方形的代码
2017/11/21 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
解决pytorch DataLoader num_workers出现的问题
2020/01/14 Python
Anconda环境下Vscode安装Python的方法详解
2020/03/29 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
编程实现去掉XML的重复结点
2014/05/28 面试题
护士思想汇报
2014/01/12 职场文书
校友会欢迎辞
2014/01/13 职场文书
中华魂演讲稿
2014/05/13 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
庆七一宣传标语
2014/10/08 职场文书
捐助倡议书
2015/01/19 职场文书
音乐研修感悟
2015/11/18 职场文书
Python数据分析之pandas读取数据
2021/06/02 Python