前言
you-get获取源地址【还是存在问题,因为获取的不是永久地址,地址中带了各种参数】tag标签插入
在 .md文件中使用标签 : {% video url %}
通过查看该标签的定义,如下:
'use strict';
function postVideo(args) {
return `<video src="${args}" preload="metadata" controls playsinline poster="">Sorry, your browser does not support the video tag.</video>`;
}
hexo.extend.tag.register('video', postVideo, {ends: false});
可知,转换成了 HTML5 中的video标签 ,而目前<video>元素支持三种视频格式:MP4、WebM、Ogg(最好是 MP4,因为绝大多数浏览器都支持),可以参考《HTML 标签》。
网络视频的源地址利用you-get,一行命令即可获取,参考《you-get 一个很强的视频地址抓取工具》:
you-get --json <<your url>>
例如:
(base) ➜ ~ you-get --json https://v.qq.com/x/page/r086243vwn1.html\?spm\=a2h0k.11417342.soresults.dtitle
{
"site": "QQ.com",
"streams": {
"__default__": {
"container": "mp4",
"size": 25635496,
"src": [
"http://ugcws.video.gtimg.com/uwMROfz2r5zAoaQXGdGnC2dfJ6nM3DInWQqp2axRinGnB-kO/r086243vwn1.p701.1.mp4?vkey=5AABAAB6C96FF4C689AA3F34547149447559D508284B75FB3C1B8C945B0FF65823ABF3881EF9D4BBD88FDC85585173212E7E153E9BEB3866B5484C796F3AFC6F94E1195BBF88F1B64FA2D1890A7CA87932DF8A92B58D63FBBF5685C692788E6DCF8BAB17C63376D28A119AF9F8494A5A",
"http://ugcws.video.gtimg.com/uwMROfz2r5zAoaQXGdGnC2dfJ6nM3DInWQqp2axRinGnB-kO/r086243vwn1.p701.2.mp4?vkey=A61353BB1E969A93116F26C418B0E69B63C68F8DE5169E41D331D106E685D4C2754CE664E84DF01961BA07DC555F2196ED2E1B85104712FE9945F41A085311643EA449A28DD4AFD0FF7E746C50DD8CB6414BBD1BDA81732908C50111A54EE5DDBB5C73878DC5CC51D4A80EF86C100735",
"http://ugcws.video.gtimg.com/uwMROfz2r5zAoaQXGdGnC2dfJ6nM3DInWQqp2axRinGnB-kO/r086243vwn1.p701.3.mp4?vkey=73D4F4CD31B0BACBA723AC9E3846FE6504A922F91E2B7A44F899CA62EC9B31F8E60458F8EC403659DCB54FAEC2EEED32F4F9AE47B0C0C47CF73D89CE342D061B42D481DD5432291CF5DFFBFDA06E1961318FF49909BA7D8EEB3F6DD2CD7E8ABCF333F9C2C06A785460F680224BAD560D"
],
"video_profile": "__default__"
}
},
"title": "KMP算法易懂版-天勤率辉2020全程班公开一期讲解",
"url": null
}
视频标签使用方法:
{% video https://example.com/sample.mp4 %}
{% video /path/to/your/video.mp4 %}
例如,效果见后面:
{% video http://ugcws.video.gtimg.com/uwMROfz2r5zAoaQXGdGnC2dfJ6nM3DInWQqp2axRinGnB-kO/r086243vwn1.p701.3.mp4?vkey=73D4F4CD31B0BACBA723AC9E3846FE6504A922F91E2B7A44F899CA62EC9B31F8E60458F8EC403659DCB54FAEC2EEED32F4F9AE47B0C0C47CF73D89CE342D061B42D481DD5432291CF5DFFBFDA06E1961318FF49909BA7D8EEB3F6DD2CD7E8ABCF333F9C2C06A785460F680224BAD560D %}
效果:

dfface 的版权声明:所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处,严禁商业用途!