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
Nov 25 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
Mar 01 Javascript
使用jquery实现图文切换效果另加特效
Jan 20 Javascript
Jquery chosen动态设置值实例介绍
Aug 08 Javascript
JavaScript中this详解
Sep 01 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
Sep 19 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
Apr 25 Javascript
通过js示例讲解时间复杂度与空间复杂度
Aug 06 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 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
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
Thinkphp5+uploadify实现的文件上传功能示例
2018/05/26 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
Javascript 中介者模式实例
2009/12/16 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
2013/08/02 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
js仿拉勾网首页穿墙广告效果
2017/03/08 Javascript
详解angular中通过$location获取路径(参数)的写法
2017/03/21 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
angular $watch 一个变量的变化(实例讲解)
2017/08/02 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
2017/12/22 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
2019/02/22 Javascript
Vue项目总结之webpack常规打包优化方案
2019/06/06 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
vue 组件简介
2020/07/31 Javascript
React实现全选功能
2020/08/25 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
Python中使用urllib2防止302跳转的代码例子
2014/07/07 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
2014信息技术专业毕业生自我评价
2014/01/17 职场文书
春节联欢会策划方案
2014/05/16 职场文书
计划生育证明格式范本
2014/09/12 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
python基础之文件操作
2021/10/24 Python