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>瞧，就是这么简单！
Mysql给时间加1年的方法，可以批量更新，如果是单条数据请注意sql语法date类型（如2025-06-28）#增加一年 update table set date_time=date_add(date_time,interval 1...
PHP网站，网页打开不正常，显示“DOMDocument::loadHTML(): Tag header invalid in Entity”错误代码，是怎么回事呢？其实，这是php程序中，使用了new DOMDocument的load...
有同学咨询，使用Visual Studio工具C#开发的Winform程序，生成后软件目录全是大量dll文件，看起来杂乱无章，有没有什么办法能让他统一放到一个文件夹里边呢？丁老师对此问题进行解答。为什么会产生大量的dll文件？因为在使用...
Telegram Mini小程序基于Javascript开发语言，是集成在Telegram应用内的轻量化网页应用。类似微信小程序，可以直接在Telegram对话或群组中运行而无需单独下载。Telegram小程序支持的应用程序：Teleg...
微信小程序部分一、完善小程序基本信息1.用管理员账号登录微信小程序（https://mp.weixin.qq.com/）;2.左侧菜单选择首页;3.完善小程序的基本信息，包括小程序名称、小程序类目、微信认证、微信备案等。二、小程序开发配置1...
mui的toast默认是在底部的，并且没有参数设置位置，经过研究发现可以通过修改css的方式设置位置，具体方法如下：1.mui toast设置type为divmui.toast('hello', { type: 'd...
正确的USB连线，其次打开开发者选项、USB调试，这些都是老生常谈，就不说了。在确保以上操作无误后，如果还找不到真机，关闭IDE，然后去adb的目录下，即HBuilderX\plugins\launcher\tools\adbs，把adb....
在使用uniapp开发的小程序内，打开图片，长按没有弹出菜单，无法扫码，此时只需在图片上加入show-menu-by-longpress即可完整代码：<image :src="picture" mode="...
