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...
今天有小伙伴问，请问丁老师可以实现扫二维码，自动选择支付方式吗？比如支付宝扫码就支付宝支付，微信扫码就微信支付，云闪付扫码就用云闪付银联支付。这种方式可以实现吗？答案是肯定的，这种扫码支付方式，不但可以实现，而且已经大范围的应用在了我们...
目前AI应用飞速发展，国内外各大厂商都推出了AI IDE（用于编程开发的编辑器），比如Cursor、Trae、Qoder、Copliot等。但就我们常用的开发工具来说，比如JetBrains旗下的Intellij IDEA、Websto...
在进行vue开发中，经常会遇到复制对象，赋值新对象后，原对象值被改变的问题，举个例子：let old={ "a":1, "b":2 } let new=old; new['c']=3;...
没那么多废话，直接上修改方法public\assets\js\require-table.jspageSize: Config.pagesize || localStorage.getItem("pagesize") |...
在使用jet brains的ide开发代码时，经常性的会输入单引号或双引号，ide默认有对于引号的自动完成功能，即输入一个引号，自动显示两个，这一点其实做的很不智能，因为在使用时经常会有显示出3个的情况，那么怎么关闭这个功能呢？file-s...
在使用uniapp开发微信小程序，微信开发者工具调试时，明明已经给了获取位置权限，但还是提示需要打开gps获取位置，具体解决办法如下：打开uniapp的manifest.json文件，切换到源码模式，找到mp-weixin节点"p...
