Meadow
视频及图片
发布于: 2015-11-12 更新于: 2020-05-25 分类于: 视频图片 阅读次数: 

在文章中使用<!--more-->可以手动设置摘要长度。

响应式图片

代码:

1
<img class="mdui-img-fluid" src="/hexo-theme-meadow/images/photo.png"/>

效果:

响应式视频

代码:

1
2
3
<div class="mdui-video-container">
<iframe height=498 width=510 src="//player.youku.com/embed/XNzUwOTk5MzE2" frameborder=0 allowfullscreen></iframe>
</div>

效果:

响应式 HTML5 视频

代码:

1
2
3
<video class="mdui-video-fluid" controls>
<source src="//www.mdui.org/docs/assets/docs/video/demo_mp4.mp4" type="video/mp4">
</video>

效果:

--- 本文结束 The End ---