1. Markdown 插入图片的几种方法
1.1 原 markdown 语法
![这是图片描述](这是图片链接)
1.2 html 语法
<p align="center"><img src="https://raw.githubusercontent.com/shw2018/cdn/master/blog_files/img/PicGo-Github-PicBed/2.png" ></p>
2. 几种文章内视频插入的方法
例1:
<video width="100%" height=100% src="http://yanghexo.cn-bj.ufileos.com/github.mp4" controls="controls" poster="http://yanghexo.cn-bj.ufileos.com/github.jpg" preload="auto">
</video>
效果:
例二:
需要先装一个插件:npm install hexo-tag-dplayer --save
{% dplayer "url=https://moeplayer.b0.upaiyun.com/dplayer/hikarunara.mp4" "addition=https://dplayer.daoapp.io/bilibili?aid=4157142" "api=https://api.prprpr.me/dplayer/" "pic=https://moeplayer.b0.upaiyun.com/dplayer/hikarunara.jpg" "id=9E2E3368B56CDBB4" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}
{% dplayer 'url=some.mp4' "id=someid" "api=https://api.prprpr.me/dplayer/" "addition=/some.json" 'code=player.on("loadstart",function(){console.log("loadstart")})' "autoplay" %}
效果:
例三:
iframe内嵌哔哩哔哩视频播放
<iframe width="100%" height="100%" src="//player.bilibili.com/player.html?aid=52012946&cid=91055960&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
属性 | 值 | 描述 |
---|---|---|
autoplay | _autoplay_ | 如果出现该属性,则视频在就绪后马上播放。 |
controls | _controls_ | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
width | _pixels_ | 设置视频播放器的宽度。 |
height | _pixels_ | 设置视频播放器的高度。 |
loop | _loop_ | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
multed | _multed_ | 如果出现该属性,视频的音频输出为静音。 |
poster | _URL_ | 规定视频正在下载时显示的图像,直到用户点击播放按钮。 |
srv | _URL_ | 要播放的视频的 URL。 |
preload | _auto metadata none_ |
如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性。 |