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和其它资源并发下载的方法
Oct 16 Javascript
js+css实现导航效果实例
Feb 10 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
vuex实现简易计数器
Oct 27 Javascript
jQuery日程管理插件fullcalendar使用详解
Jan 07 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
javascript+html5+css3自定义提示窗口
Jun 21 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
vue中appear的用法
Aug 17 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
Oct 12 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 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
在IIS上安装PHP4.0正式版
2006/10/09 PHP
php 获取可变函数参数的函数
2009/08/26 PHP
PHP Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
基于PHP文件操作的详细诠释
2013/06/21 PHP
php环境无法上传文件的解决方法
2014/04/30 PHP
PHP实现的简单三角形、矩形周长面积计算器分享
2014/11/18 PHP
PHP制作用户注册系统
2015/10/23 PHP
php微信开发之图片回复功能
2018/06/14 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
JAVASCRIPT下判断IE与FF的比较简单的方式
2008/10/17 Javascript
jQuery select的操作实现代码
2009/05/06 Javascript
禁止js文件缓存的代码
2010/04/09 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
jquery实现动静态条形统计图
2015/08/17 Javascript
jQuery 全选 全部选 反选 实现代码
2016/08/17 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
angular+ionic返回上一页并刷新页面
2017/08/08 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
vue如何判断dom的class
2018/04/26 Javascript
jquery css实现流程进度条
2020/03/26 jQuery
jQuery实现简单日历效果
2020/07/05 jQuery
Python脚本实现Web漏洞扫描工具
2016/10/25 Python
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
python监控nginx端口和进程状态
2019/09/06 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
Java面向对象面试题
2016/12/26 面试题
高中生学习生活的自我评价
2013/11/27 职场文书
安全生产中长期规划实施方案
2014/02/21 职场文书
在校大学生的职业生涯规划书
2014/03/14 职场文书
红色故事演讲稿
2014/05/22 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python