怎么把腾讯视频放在小程序video组件中

1、首先我们从腾讯视频网站上找到一个视频网页的连接，格式是这样的

https://v.qq.com/x/page/h0749ubdy6m.html

上面我标红色的是视频的vid

2、我们把vid放到接口地址上变成 

http://vv.video.qq.com/getinfo?vids=h0749ubdy6m&platform=101001&charge=0&otype=json

3、直接访问返回的是

QZOutputJson={"dltype":1,"exem":0,"fl":{"cnt":2,"fi":[{"id":100701,"name":"msd","lmt":0,"sb":1,"cname":"标清;(270P)","br":28,"profile":2,"drm":0,"video":1,"audio":1,"fs":325131,"sl":1},{"id":2,"name":"mp4","lmt":0,"sb":1,"cname":"高清;(480P)","br":33,"profile":1,"drm":0,"video":1,"audio":1,"fs":940357,"sl":0}]},"hs":0,"ip":"60.181.69.53","ls":0,"preview":11,"s":"o","sfl":{"cnt":0},"tm":1533606539,"vl":{"cnt":1,"vi":[{"br":28,"ch":0,"cl":{"fc":0,"keyid":"h0749ubdy6m.100701"},"ct":21600,"drm":0,"dsb":0,"fmd5":"0dd3241b9950bfdfd34f344b0ed967a1","fn":"h0749ubdy6m.m701.mp4","fs":325131,"fst":5,"fvkey":"3FF77C6DBBF2C5A8C83391D800E4650AB999E933ACFF1779551C8454FBEBB20F153DD19560EE53F5B66546244D7476F1F618C3B302DF0CDDBFB4DE3328EED81A2AD83D2E7A5BA4A122941DB059D408F032771D836A35E558DD377B95C24905726E6183333ACCABFE","head":0,"hevc":0,"iflag":0,"level":0,"lnk":"h0749ubdy6m","logo":1,"mst":8,"pl":null,"share":1,"sp":0,"st":2,"tail":0,"td":"11.09","ti":"华瑞机械视频","tie":0,"type":3,"ul":{"ui":[{"url":"http://ugcsjy.qq.com/uwMRJfz-r5jAYaQXGdGnC2_ppdhgmrDlPaRvaV7F2Ic/","vt":176,"dtc":0,"dt":2},{"url":"http://ugcydzd.qq.com/uwMRJfz-r5jAYaQXGdGmXOHXrc1AJ7V0e-mEDqT5oW8/","vt":146,"dtc":0,"dt":2},{"url":"http://183.131.60.26/vhot2.qqvideo.tc.qq.com/AT3DziuFNR-ZcMoe56h651QUaWT386p788RucBuolLk0/","vt":200,"dtc":0,"dt":2},{"url":"http://video.dispatch.tc.qq.com/","vt":0,"dtc":0,"dt":2}]},"vh":464,"vid":"h0749ubdy6m","videotype":0,"vr":0,"vst":2,"vw":272,"wh":0.5862069,"wl":{"wi":[{"id":19,"x":14,"y":14,"w":85,"h":27,"a":100,"md5":"dcc9dc5c478c4100ea2817c5e6020f26","url":"http://puui.qpic.cn/vcolumn_pic/0/logo_qing_xi_color_336_108.png/0","surl":"https://puui.qpic.cn/vcolumn_pic/0/logo_qing_xi_color_336_108.png/0"}]},"uptime":0,"fvideo":0,"fvpint":0}]}};

4、我们把前面的QZOutputJson=跟最后的 ; 过滤掉，得到一个json字符串了。解析它变成json对象，然后把标红的三个部分组合一下，顺序是 

url + fn + '?vkey=' + fvkey

例如上面这串，组合下来就是 

http://183.131.60.26/vhot2.qqvideo.tc.qq.com/AT3DziuFNR-ZcMoe56h651QUaWT386p788RucBuolLk0/h0749ubdy6m.m701.mp4?vkey=3FF77C6DBBF2C5A8C83391D800E4650AB999E933ACFF1779551C8454FBEBB20F153DD19560EE53F5B66546244D7476F1F618C3B302DF0CDDBFB4DE3328EED81A2AD83D2E7A5BA4A122941DB059D408F032771D836A35E558DD377B95C24905726E6183333ACCABFE

这个地址就可以直接放在小程序的video组件里面播放了。

注意：由于腾讯视频的地址vkey是定时变化的，所以肯定是不能写死在程序里面的。必须走后端照着上面写的方式抓取接口，过滤掉无用字符串，解析json，组合地址，通过接口返回给小程序video组件的src即可正常播放。

当然如果你的后端解析json比较麻烦的（例如古老的asp ^_^），可以把第2步最后的json去掉或者改成xml，直接解析xml也一样。