videojs是一款非常不错的html video播放器插件，很多同学经常在群里问我，说丁老师这个videojs怎么设置为宽度或者高度自适应呢，不想把video的width和height写死，有没有什么办法呢。
丁老师经过研究发现啊，videojs自带两个class，一个是vjs-16-9，一个是vjs-4-3，只要使用这两个样式类，就不需要设置高度和宽度，就自动按照16:9或者4:3的比率去自适应了，使用方法如下：
<video class="video-js vjs-default-skin vjs-16-9" ...>
...
</video>同时，不想使用class样式来控制的话，还可以通过data-setup初始化的参数来设置，设置data-setup的fluid为true即可，实现代码如下：
<video class="video-js vjs-default-skin" data-setup='{"fluid": true}' ...>
...
</video>瞧，就是这么简单！
应用场景场景1：使用APP或小程序，分享给别人的网页内容，当用户打开这个网页内容时，可以自动打开APP或小程序。场景2：短信群发给目标人群，短信内容包含短网址，打开短网址后，可以打开APP或小程序。实现方法：无论是场景1还是场景2，其技...
在用photoshop设计时，有的同学会发现，在网页中设置的宽度1000px，截屏后，再用photoshop打开后测量同样图像的宽度时，这个宽度就不是1000像素,而是1200多甚至1300多，是个很奇怪的问题，丁老师检查了photos...
今天有同学问，要做一个网站，技术方面是用html5呢还是用vue呢？丁老师给你解答。其实，用html5和用vue，都可以做网站，但是就架构适用性来说，html5和vue有不同的特点。html5做网站的优点：1.快速开发，上手简单，不需要...
在使用idea旗下的产品，如intellij idea,php storm,web storm时，有的时候编辑前端页面JS，在换行时经常会自动出现个}大括号，这一点程序不是很智能，其实后边都已经有括号了。比如下图这样：那么如何解决这个问...
pdf添加水印，可以使用专业的pdf工具，如Adobe Acrobat、福昕PDF阅读器等，支持文字和图片形式的添加水印，支持透明度设置、水印位置设置等。图片添加水印，可以使用photoshop软件，但是photoshop太大了，而且使用起...
微信小程序自2023年8月起，开始对《手机号快速验证组件》进行收费，每个小程序有1000次的免费额度，超过额度就要收费。说白了就是以后在使用微信小程序获取用户手机（用户主动授权）的时候，需要按次数收费了。那么，在当前的经济状况下，如何做到轻...
目前随着AI的不断发展，Vibe Coding的持续普及，诞生了大量的AI软件开发工具（IDE），通过这些工具，可以让一个不懂软件开发的人、没有任何技术能力的人使用AI来开发出想要的软件、网站等等。有同学咨询丁老师，使用AI开发的软件，可以...
开发抖音小程序是一个涉及多个步骤的过程，需要准备相应的资料和工具。以下是开发抖音小程序需要准备的资料和步骤：1. 入驻抖音开发平台：首先，你需要在抖音开放平台注册一个开发者账号，并完成主体认证和对公认证。如果未完成认证，你可以在沙盒工具中创...
