DPlayer for Z-BlogPHP视频插件使用优化

原创  郑建华   2020-06-14   39人阅读  0 条评论

前言

今天在写东西的时候,想往文章中插入视频展示,而使用iframe方式嵌套的效果太差了,用户体验一点都不好。长宽不能自适应,而且同文展示到小程序中会显示当前不支持该功能。

解决方案

iframe的方式展示的效果如下

image.png

即使可以手动调整css使其能够自适应,也不是上上之选

于是我用到了DPlayer for Z-BlogPHP这款插件,这款播放器是很不错的,不少视频站都是采用的这个播放器

image.png

先在文章中加入链接

image.png

再来看看效果

image.png

但是在小程序中,直接将代码内容显示出来了,并没有展示视频内容

于是,我做了一点小改动,让pc上正常显示,小程序中则隐藏该内容

在p标签中,添加style="display:none"内容,将其隐藏,则可以达到上述效果。

image.png

本文地址:https://www.zjh336.cn/?id=1861
版权声明:本文为原创文章,版权归 郑建华 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?