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 相关文章推荐
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
Perl Substr()函数及函数的应用
Dec 16 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
基于Bootstrap的网页设计实例
Mar 01 Javascript
Bootstrap布局之栅格系统学习笔记
May 04 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
微信小程序实现左侧滑动导航栏
Apr 08 Javascript
React冒泡和阻止冒泡的应用详解
Aug 18 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
各种战术和打法的原创者
2020/03/04 星际争霸
php下使用iconv需要注意的问题
2010/11/20 PHP
基于php在各种web服务器的运行模式详解
2013/06/03 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
PHP实现JS中escape与unescape的方法
2016/07/11 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
jquery获取select,option所有的value和text的实例
2017/03/06 Javascript
详解vue.js的devtools安装
2017/05/26 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
2019/03/29 Javascript
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
js prototype深入理解及应用实例分析
2019/11/25 Javascript
python实现电子词典
2020/04/23 Python
python刷投票的脚本实现代码
2014/11/08 Python
Python中类型关系和继承关系实例详解
2015/05/25 Python
python基础学习之如何对元组各个元素进行命名详解
2018/07/12 Python
Python通过Pillow实现图片对比
2020/04/29 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
全球酒店预订网站:Hotels.com
2016/08/10 全球购物
瑜伽灵感珠宝:Satya Jewelry
2018/01/06 全球购物
UGG英国官方网站:UGG UK
2018/02/08 全球购物
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
师范生实习自我鉴定
2013/11/01 职场文书
教育孩子心得体会
2014/01/01 职场文书
决定成败的关键——创业计划书
2014/01/24 职场文书
教师党员个人自我剖析材料
2014/09/29 职场文书
学校工会工作总结2015
2015/05/19 职场文书
vue Element-ui表格实现树形结构表格
2021/06/07 Vue.js
24年收藏2000多部退役军用电台
2022/02/18 无线电
python数字图像处理:图像简单滤波
2022/06/28 Python