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>瞧，就是这么简单！
有新入行同学向丁老师咨询，在使用Uniapp做微信小程序时，是选择Vue2还是Vue3呢？哪个开发微信小程序更好一点，两者有什么区别呢？今天丁老师给大家介绍一下。首先，我们来介绍一下Vue2和Vue3。Vue2和Vue3是Vue.js框...
微信小程序部分一、完善小程序基本信息1.用管理员账号登录微信小程序（https://mp.weixin.qq.com/）;2.左侧菜单选择首页;3.完善小程序的基本信息，包括小程序名称、小程序类目、微信认证、微信备案等。二、小程序开发配...
js#replace替换 var str="Hello world! world is beautiful."; var str_new=str.replace("world","Jav...
在css中，flex弹性布局可以实现内部对象左右、垂直的对齐，在多个html对象中，设置flex后一般情况下，内部的对象高度是保持一致的。比如一个div设置了flex，内部有3个div，这3个div的高度以最高的一个div高度值为准保持...
1.字体列表及引用链接鸿蒙字体 - B 站400 字重 CSS：//s1.hdslb.com/bfs/static/jinkela/long/font/regular.css 500 字重 CSS：//s1.hdslb.com/bfs/st...
目前随着AI的不断发展，Vibe Coding的持续普及，诞生了大量的AI软件开发工具（IDE），通过这些工具，可以让一个不懂软件开发的人、没有任何技术能力的人使用AI来开发出想要的软件、网站等等。有同学咨询丁老师，使用AI开发的软件，可以...
mui的toast默认是在底部的，并且没有参数设置位置，经过研究发现可以通过修改css的方式设置位置，具体方法如下：1.mui toast设置type为divmui.toast('hello', { type: 'd...
在使用uniapp开发app和小程序时，经常会用到打开app/小程序时，根据登录状态判断是显示首页还是跳转登录页的功能。此功能在app.vue的onlaunch方法中定义，方法如下：onLaunch: function() { const ...
