如何插入自适应视频

如何插入自适应视频

插入自适应媒体已经是刚需了,以前也介绍过一种姿势,貌似这个更简单一些。当在你自己的网站插入优酷这样的视频播放器后你会发现它的高宽都是固定的,而且你在用手机浏览的时候视频播放器还变形了,以下代码自动让播放器按16:9的比例显示并自适应各个设备。理论上,其它视频网站的视频也可以使用这种方式插入。 CSS代码: .media-wrap { position: relative; //改为max-width,并添加!important max-width: 100% !importa…