z-blogPHP主题清爽格子纹理模板完成“视频”功能

z-blogPHP主题清爽格子纹理模板完成“视频”功能

 2016-11-05 10:23    网页设计   标签：Z-BlogPHP 主题 模板 视频   962    发表评论

在经历了z-blogPHP升级CMS程序错误不断之后，今天，我终于把清爽格子纹理主题增加了“视频”的列表样式和文章内容样式页面。这也标志着，该主题正式完整的开启了视频功能。

文章中插入视频

在文章编辑页面最下方有一个输入框，大家可以将优酷土豆等网站的视频分享过来，提交后它可以正常展示在自己网站上。

友情提醒下，一般分享视频有两种形式<iframe>、<embed>，建议大家使用前者。前者是分享了一个网页，在微信上可以正常浏览，方便大家转发，从而能带来浏览量。后者经我测试后发现有点弊端，部分网站上的视频在微信上无法正常播放。

选择文章形式

在文章编辑界面-提交按钮的下方，有一个可供选择“文章形式”的按钮，选择相应的形式即可。默认的标准形式也可以正常插入视频，虽然效果没有特定的好，不过大家也可以正常使用。

调整后的文章形式，在文章列表页面的效果就是这样的：

视频浏览

选择视频形式的文章在内容页面上有单独的样式，它也同时支持移动设备端的播放。大家可以通过查看《主题视频功能及界面测试》这篇文章测试效果。

PC端口的浏览效果

移动设备端的效果

至此，z-blogPHP主题清爽格子纹理模板的视频功能开发就圆满完成了。