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版DateAdd和DateDiff函数代码
Mar 01 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
javascript中JSON对象与JSON字符串相互转换实例
Jul 11 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
js实现百度搜索提示框
Feb 05 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
JavaScript基于面向对象实现的猜拳游戏
Jan 03 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 Javascript
js实现简单选项卡制作
Aug 05 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 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
解决file_get_contents无法请求https连接的方法
2013/12/17 PHP
Smarty局部缓存的几种方法简介
2014/06/17 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
javascript之锁定表格栏位
2007/06/29 Javascript
验证手机号码的JS方法分享
2013/09/10 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
js实现简单的可切换选项卡效果
2015/04/10 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
js如何改变文章的字体大小
2016/01/08 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
2019/03/21 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
利用ctypes提高Python的执行速度
2016/09/09 Python
Python实现读取json文件到excel表
2017/11/18 Python
解决python "No module named pip" 的问题
2018/10/13 Python
Python实现的旋转数组功能算法示例
2019/02/23 Python
pygame实现俄罗斯方块游戏(对战篇1)
2019/10/29 Python
python爬虫容易学吗
2020/06/02 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
what is the difference between ext2 and ext3
2013/11/03 面试题
文明班级申报材料
2014/12/24 职场文书
介绍长城的导游词
2015/01/30 职场文书
大学教师个人总结
2015/02/10 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
Django项目配置Memcached和Redis, 缓存选择哪个更有优势
2021/04/06 Python
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android