发布日期: 2024-08-20 | 来源: 智软设计工作室
swiper里面如果又视频和图片，由于视频客户比例和图片不对。会导致高度不一样。会导致swiper高度撑高，其他比例少的就会又空白，
由于考虑图片自适应。没有采用背景，背景的话。有些是显示不完全，只能像办法css裁剪掉视频，
里面视频样式用这个即可。
.swiper-containervd .swiper-slide video {
position: absolute; /* 绝对定位视频 */
top: 0;
left: 0;
width: 100%; /* 视频宽度 100% */
height: 100%; /* 视频高度 100% */
object-fit: cover; /* 视频填满容器并裁剪多余部分 */
}
2023-06-12
ueditor解决video标签设置封面问题自动显示视频第一秒为封面电脑端比较好解决修改ueditor.all.js找到 case 'video' 约在17609行左右：版本不一样所在行不一样，修改其下面的preload="none"修改为：preload="metadata"或者删除都可以，自己多测试一下确保正常即可！搜索对应修
阅读更多2022-06-22
filezilla 错误:读取目录列表失败,怎么解决其他最重要是买的阿里云 或者腾讯云 服务器。都又防火墙。但是被动模式他随机端口。所以我们要设置下。然后防火墙那边也要开端口
阅读更多2023-05-04
<divid="dituchor"></div><script>window.addEventListener("load",function(){variDiv=document.createElement('iframe');iDiv.id='iframe1&
阅读更多2023-08-30
HTML5 引入了 <picture> 元素屏幕匹配的不同尺寸显示不同图片 <picture ><source srcset="m.jpg" media="(max-width: 650px)"> <img class="img-responsive" srcset="pc.jpg" alt=""></picture>
阅读更多2024-02-01
默认的ueditor编辑器会转换div为P，和过滤了一些style样式 以及一些自定义的标签，如aos="fade-up"，下面告诉大家怎么设置。打开ueditor.config.js，如果已经有了一下代码，把他们的参数ture改成false，如果没有直接加入进去，// 允许进入编辑器的 div 标签自动变成 p 标签,allowDivTransToP:false,xxsFilt
阅读更多2023-07-31
{pboot:if('{content:ispics}'=='0')}{content:ico}{else}{pboot:picsnum=1id={content:id}}[pics:src]{/pboot:pics}{/pboot:if}其他得代码在去拓展
阅读更多2023-04-24
分割多行字段成为faq问答，首先先模型字段新增一个多行字段，填写内容如下，问题.答案.@问题1.答案.@@是必备的。因为要拆分二次，一个组一个@然后在，\apps\home\controller/ExtLabelController.php 目录里面添加自定义标签 （扩展标签）添加以下代码/*必备启动函数*/
阅读更多2024-08-19
Swiper轮播图视频加图片混合，完美解决方法，还加入了图片浮动文字动画。下面是代码。测试是比较完美。视频播放玩了。在自动切换到下一个幻灯，<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8">
阅读更多