音频测试¶
源代码¶
<video width="100%" height="100%" src="//gslb.miaopai.com/stream/PAEyMDoxMSB9hV6BVT1l5SHT-sMVVRVgHlL7bA__.mp4?mpflag=64&vend=1&os=3&partner=1&platform=2&cookie_id=&refer=miaopai&scid=PAEyMDoxMSB9hV6BVT1l5SHT-sMVVRVgHlL7bA__ " controls="controls">
您的浏览器不支持 video 标签。
</video>
试错记录¶
- 根据阿甘的博客来进行尝试,发现:
- 如果不渲染.md文件,根本不会产生html文件。
- 如果不渲染.html文件,首先需要先将.md文件渲染后的文件复制到和.md文件同级目录,否则html文件将不会被加载到public子目录中。
- 根据zhouie的操作说明,发现:
- 插入iframe标签,不管用
- 插入video标签,还是不管用
- 尝试了几个未能成功,那就自己从源代码上找原因了,发现hexo会将
<>
自动渲染,导致无法显示正常的浏览器无法解析html代码。 - 了解原因后,就来到了HEXO官网标签插件,阅读说明后,发现了可以使用Raw标签防止html代码被渲染,于是问题得到了解决,下面是展示结果。
- 需要注意的是引用视频链接要和网站的协议一致,否则会造成无法播放。例如,网站使用的是https,而视频链接地址是http开头的,那就不能播放,浏览器会报错(错误信息见本页底部)。要解决上面的问题可以将链接前面的
http:
去掉,代码和src="//demo.domain.com/
类似
网站报错信息(上接步骤5)¶
Mixed Content: The page at 'https://toooney.cn/2019/01/11/digest/from-college/' was loaded over HTTPS, but requested an insecure resource 'http://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=6c056f77e5235947f18b0475a25a5752&tvId=6025471109&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=1368&height=100%&width=100%'. This request has been blocked; the content must be served over HTTPS.