用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);就行了

时间: 2024-10-04 04:41:17

用js截取腾讯视频的Id的例子的相关文章

js获取腾讯视频ID的方法_javascript技巧

本文实例讲述了js获取腾讯视频ID的方法.分享给大家供大家参考,具体如下: 使用js截取腾讯视频的ID需要知道地址规则,只有知道了规则才可以获得到了. 做项目时候遇到添加视频的问题,比如用户复制腾讯视频的链接,以这个为例(http://v.qq.com/x/cover/ypdy6korrry8w5a/u0332wyg5oa.html) 现在需要截取.html前面以及最后一个斜杠后面的内容(u0332wyg5oa);腾讯视频点击下面分享时会出现这样一段代码: 复制代码 代码如下: <iframe

js截取某个指定字符串前后的字符串例子

在做技术的时候遇到一个难题,就是要在 from 表单中传递一个select的参数,我们知道select是一个下拉表单,而 select 只能有一个 name 值,而决定这个 name 值的是下拉下面的选项 <option value="43@300">马冲额度300[抵100.00元]</option> value 的值,我想要在这个值里面传递两个参数过去,所以不得已只好用了 43@300 这样的字符串进行传递,然后传递过去之后再进行分割,如果是 PHP 的话,

JS模仿腾讯图片站的图片翻页按钮效果完整实例_javascript技巧

本文实例讲述了JS模仿腾讯图片站的图片翻页按钮效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" conten

jQuery实现仿腾讯视频列表分页效果的方法_jquery

本文实例讲述了jQuery实现仿腾讯视频列表分页效果的方法.分享给大家供大家参考.具体如下: 这里使用jQuery仿腾讯视频列表分页效果,无刷新分页特效,点击分页按钮,无刷新进入下一页内容列表. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q

腾讯视频与土豆掀起数据口水战

日前,腾讯视频与土豆网展开了一场行业地位的数据口水战. 10月23日,腾讯视频方面称,腾讯视频目前正处于"211"的发展格局,即用户覆盖第二.成长第一.专业视频第一.腾讯在线视频部总经理刘春宁引用艾瑞数据称,腾讯视频月覆盖用户数稳居第二,并已经形成强势冲击第一的局面,尤其在最近两周,腾讯视频连续超过优酷成为第一视频平台.同样据艾瑞数据显示,从2011年4月至今,腾讯视频的流量从8775.8万人增长到26236.3万人,为所有视频网站成长速度第一.另外,腾讯视频在专业视频(新闻资讯.体育

腾讯视频品牌形象设计

腾讯视频是一个综合视频门户,旨在打造中国最大的云视频服务平台,此前QQLive投射到的路径不多,在用户规模上与竞争对手相比不具备优势,难以打造在业界视频类产品影响力 ,2011年4月,腾讯视频使用域名为原腾讯播客V.QQ.COM将QQ LIVE网站与客户端归入其中同步运作,统一腾讯视频平台域名及对外接口,形成独立品牌,内容以电影.电视剧.综艺.音乐.新闻.时尚.科技多纬度运营,支持内容丰富的在线点播及电视台直播,降低了用户门槛并希望提高用户的覆盖率,通过客户端,网站,移动终端多种产品形态,满足不

小米路由器如何免费领取腾讯视频VIP会员

  第一步,打开小米路由器APP 工具箱→扩展工具→腾讯会员兑换,绑定你的路由器(目前支持硬盘版) 第二步,闲时赚积分 选择已绑定的路由器→切换收益模式,坐等积分换换换! 什么?讲了这么多还不了解腾讯视频VIP?

PS制作腾讯视频标志

先来看一下效果图: 具体的制作步骤如下: 1:新建一个640PX宽.480PX高的空白文档,并命名为腾讯视频标志如图: 2:在工具栏选择多边形工具,如图: 3:在公共栏设置边数为3,同时设置颜色为青蓝色.如图: 分类: PS鼠绘教程

Win8下载腾讯视频总是qlv文件怎么办?

  方法一: 1.首先我们要找到自己要下的视频,比如这个视频 一小时50分,或者从手机腾讯视频app上直接找到这个视频; 2.然后在手机上缓存这个视频我这个是已经缓存好了; 3.然后把手机接入电脑.以我的小米4c为例.找到计算机Mi-4c内部存储设备Androiddatacom.tencent.qqlivefilesvideos ; 4.我们看到有好几个奇怪文件名的文件夹,我们缓存的视频就在里面,但是视频被分成了好多五分钟的视频.接下来就是把这些整合起来. 方法二: 1.首先我们要准备好格式工厂