脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js获取腾讯视频ID

js获取腾讯视频ID的方法

 更新时间：2016年10月03日 10:20:21   作者：seoman  
这篇文章主要介绍了js获取腾讯视频ID的方法,涉及JavaScript针对URL地址规则的分析与字符串的截取操作相关操作技巧,需要的朋友可以参考下

本文实例讲述了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中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JS判断输入的字符串是否是数字的方法(正则表达式)

    JS判断输入的字符串是否是数字的方法(正则表达式)

    下面小编就为大家带来一篇JS判断输入的字符串是否是数字的方法(正则表达式)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • JavaScript实现手写循环滑动效果

    JavaScript实现手写循环滑动效果

    最近一直在做业务，遇到一个需求是页面顶部需要展示图片，可以拖动，拖动到最后一张的时候需要无缝切换到第一张，从而实现循环滑动，所以本文就来和大家分享一下实现方法
    2023-05-05
  • JavaScript内存泄漏的处理方式

    JavaScript内存泄漏的处理方式

    这篇文章主要介绍了JavaScript内存泄漏的处理方式，通过理论和实例结合的方式让你理解的更加透彻。
    2017-11-11
  • Javascript动手实现call,bind,apply的代码详解

    Javascript动手实现call,bind,apply的代码详解

    这篇文章主要为大家详细介绍了Javascript动手实现call,bind,apply的代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2022-02-02
  • 微信小程序图片上传组件实现图片拖拽排序

    微信小程序图片上传组件实现图片拖拽排序

    最近在写小程序过程中遇到一个拖拽排序需求,上网一顿搜索未果,遂自行实现,下面这篇文章主要给大家介绍了关于微信小程序图片上传组件实现图片拖拽排序的相关资料,需要的朋友可以参考下
    2022-03-03
  • JavaScript改变函数作用域的方法示例

    JavaScript改变函数作用域的方法示例

    本文主要介绍了JavaScript改变函数作用域的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • js实现遮罩层弹出框的方法

    js实现遮罩层弹出框的方法

    这篇文章主要介绍了js实现遮罩层弹出框的方法,可实现对遮罩层弹出框的样式定义、按钮事件及相关功能的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • javaScript事件学习小结（四）event的公共成员（属性和方法）

    javaScript事件学习小结（四）event的公共成员（属性和方法）

    这篇文章主要介绍了javaScript事件学习小结（四）event的公共成员（属性和方法）的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06
  • uniApp常见面试题及答案(推荐!)

    uniApp常见面试题及答案(推荐!)

    uni-app是一个使用Vue.js开发所有前端应用的框架,下面这篇文章主要给大家介绍了关于uniApp常见面试题及答案的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • Javascript 类型转换、封闭函数及常见内置对象操作示例

    Javascript 类型转换、封闭函数及常见内置对象操作示例

    这篇文章主要介绍了Javascript 类型转换、封闭函数及常见内置对象操作,结合实例形式分析了JavaScript类型显示转换、隐式转换、变量作用域、封闭函数及常用内置对象相关操作技巧,需要的朋友可以参考下
    2019-11-11

最新评论