html5中video标签如何设置视频的宽度和高度-木庄网络博客

2022-03-29 22:36:21 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

本篇文章给大家带来的内容是关于html5中video标签如何设置视频的宽度和高度，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一般情况下：

1	`<video` `width="320"` `height="240"` `controls="controls">`

但是有的时候发现设置了视频的高度却并没有发生变化，我们可以设置其父元素的宽高，让video填充满父元素。只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。

object-fit语法

object-fit:fill | contain | cover | none | scale-down

object-fit取值说明

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者