vue通过腾讯视频url获取真实的video标签

直接上代码:

mounted() {
let match = /vid=([^&]*)/.exec(this.article.source_url);
if (match && match.length > 0) {
    let vid = match[1];
    let self = this;
    jsonp("http://vv.video.qq.com/getinfo?vids="+vid+"&platform=101001&charge=0&otype=json",null,(err,data)=>{
        let ul = data.vl.vi;
        if (ul.length >0) {
            let fn = ul[0].fn;
            let vkey = ul[0].fvkey;
            let uis = ul[0].ul.ui;
            self.sources = [];
            if (uis.length >0) {
                uis.forEach((item,index)=>{
                    let url = item.url;
                    let source = {
                        src: url+fn+"?vkey="+vkey,
                        type: fn.indexOf("mp4")? "video/mp4": fn.indexOf("ogg") ? "video/ogg":"video/unknown"
                    };
                    self.sources.push(source);
                });
            }
        }
    });
}

},

得到的都是分段的数据,组装起来最终得到:

<template>
<video controls="controls" :poster="article.cover" controlslist="nodownload" preload="meta" x5-playsinline="true" playsinline="true" webkit-playsinline="true" id="videoid" @play="read">
    <source v-for="(item,key) in sources" :key="key" :src="item.src" :type="item.type">
</video>
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值