音频测试
========

.. raw:: html

   <video  width="100%" height="100%" src="//gslb.miaopai.com/stream/PAEyMDoxMSB9hV6BVT1l5SHT-sMVVRVgHlL7bA__.mp4?mpflag=64&amp;vend=1&amp;os=3&amp;partner=1&amp;platform=2&amp;cookie_id=&amp;refer=miaopai&amp;scid=PAEyMDoxMSB9hV6BVT1l5SHT-sMVVRVgHlL7bA__ " controls="controls">

您的浏览器不支持 video 标签。

.. raw:: html

   </video>


源代码
~~~~~~

.. code:: html

    <video  width="100%" height="100%" src="//gslb.miaopai.com/stream/PAEyMDoxMSB9hV6BVT1l5SHT-sMVVRVgHlL7bA__.mp4?mpflag=64&amp;vend=1&amp;os=3&amp;partner=1&amp;platform=2&amp;cookie_id=&amp;refer=miaopai&amp;scid=PAEyMDoxMSB9hV6BVT1l5SHT-sMVVRVgHlL7bA__ " controls="controls">
    您的浏览器不支持 video 标签。
    </video>

试错记录
~~~~~~~~

1. 根据\ `阿甘的博客 <https://blog.csdn.net/ganzhilin520/article/details/79057774>`__\ 来进行尝试，发现：

   -  如果不渲染.md文件，根本不会产生html文件。
   -  如果不渲染.html文件，首先需要先将.md文件渲染后的文件复制到和.md文件同级目录，否则html文件将不会被加载到public子目录中。

2. 根据\ `zhouie <https://blog.csdn.net/jave_f/article/details/79048705?utm_source=blogxgwz3>`__\ 的操作说明，发现：

   -  插入iframe标签，不管用
   -  插入video标签，还是不管用

3. 尝试了几个未能成功，那就自己从源代码上找原因了，发现hexo会将\ ``<>``\ 自动渲染，导致无法显示正常的浏览器无法解析html代码。
4. 了解原因后，就来到了HEXO官网\ `标签插件 <https://hexo.io/zh-cn/docs/tag-plugins.html>`__\ ，阅读说明后，发现了可以使用\ `Raw标签 <https://hexo.io/zh-cn/docs/tag-plugins.html#Raw>`__\ 防止html代码被渲染，于是问题得到了解决，下面是展示结果。
5. 需要注意的是引用视频链接要和网站的协议一致，否则会造成无法播放。例如，网站使用的是https，而视频链接地址是http开头的，那就不能播放，浏览器会报错（错误信息见\ *本页底部*\ ）。要解决上面的问题可以将链接前面的\ ``http:``\ 去掉，代码和\ ``src="//demo.domain.com/``\ 类似

网站报错信息（上接\ *步骤5*\ ）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

.. code:: shell

    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.