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>瞧，就是这么简单！
有同学在前端写css代码时，遇到问题，使用的css3，写的是position:sticky，想要内容滚动到该区域，该区域自动置顶滑动。但一直无效，经过丁老师研究后发现，该区域没有定义高度，而使用position:sticky时，是必须要...
今天有同学问，要做一个网站，技术方面是用html5呢还是用vue呢？丁老师给你解答。其实，用html5和用vue，都可以做网站，但是就架构适用性来说，html5和vue有不同的特点。html5做网站的优点：1.快速开发，上手简单，不需要...
Moment.js是一个不错的时间处理类js封装包，从官网下载默认是英文的，比如moment().format('dddd')显示出来是Tuesday,如果要显示中文的话，有两种方法：1.moment-with-loca...
有同学咨询，想知道怎么样使用Android Studio来构建Flutter应用项目，今天丁老师来教你。在Android Studio中，选择顶部菜单的Build-Flutter-Build APk，就可以生成Flutter项目的APK...
在使用idea系列的配套软件时，如intellij idea、Php Storm、Web Strom时，在搜索文件时，右上角的file mask可以筛选指定类型的文件。但是有时候可能会输入错误，产生多个记录，而且没办法删除，在以后的开发中经...
在使用python3.12时突然遇到提示windows No module named distutils，研究了一下，把解决办法分享出来。1.安装 setuptools，它现在也提供 distutils；2.从第三方源（如系统软件包）载入...
在开发微信小程序的过程中，生成的是带有logo的小程序二维码，并且这个二维码不是通用的二维码，而是只能用微信打开的专属二维码，如图：遇到这样一个需求，生成的二维码要方形的通用二维码，并且不能带有小程序的logo。这种该怎么实现呢？经过查询，...
phpstorm程序中，在打开html时总会出现对 style属性的折叠和隐藏，这样在检查代码的时候非常不直观，容易漏掉很多东西，非常的不方便，如图：
