我们都知道织梦后台不支持视频插入功能,无法满足越来越多的平台内容需要,如果解决这个问题那?这里我介绍一种比较直接的方法。
织梦dedecms后台插入文章是可以切换为“源码”形式,在这里大家可以根据以往html和bootstrap的知识进行代码的写入。
1.插入以下代码(bootstrap中的模态框功能,视频地址记得更改为自己的视频地址)
<a data-toggle="modal" data-target=".bs-example-modal-lg">模态框</a> <!-- Large modal --> <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <video src="images/111.mp4" height="500" controls preload="metadata"></video> </div> </div> </div>
2.发布文章,这时候我们会发现前端页面显示效果为
3.只有点击文字才会弹出视频远远是不能满足我们的需求,如何处理那,我们可以将a标签的模态框转为img标签,也就是做一个假的图片视频。代码如下
<a data-target=".bs-example-modal-lg" data-toggle="modal"><img alt="波纹管-波纹涵管如何进行安装" class="img-responsive" src="/uploads/allimg/2020/1-201201161541391.png" style="margin:0 auto" /></a> <!-- Large modal --> <div aria-labelledby="myLargeModalLabel" class="modal fade bs-example-modal-lg" role="dialog" tabindex="-1"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <video controls="" height="500" preload="metadata" src="https://www.hshdlq.cn/templets/huide/images/111.mp4"> </video> </div> </div> </div>
到这一步基本就可以实现我们想要的样子了,如果大家还有其他好的方法,可以留言或者联系作者。