84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
小弟有一视频，800*600，是h264编码的mp4格式文件，在windows右键属性是帧宽度是800，但是在一个800*600的p里放video标签，并且display:block;这个video标签，视频高度并不能撑满这个容器，这是为什么呢？
业精于勤，荒于嬉;行成于思，毁于随。
video宽高只是视频绘图区域、就是视频可能区域；视频在保证宽高比条件下的可见部分，是视频可视区域；
哎，给你链接看；https://css-tricks.com/NetMag...
再一个例子：https://stackoverflow.com/que...
1;首先你了解一下广电标准的视频制式；
1，https://zh.wikipedia.org/wiki/PAL%E5%88%B6%E5%BC%8F 2，https://zh.wikipedia.org/wiki/NTSC%E5%88%B6%E5%BC%8F 3，https://zh.wikipedia.org/wiki/MPEG-2
２;对于视频，宽高帧率长度等,我给你的建议是，你先在你的浏览器上播放出来；宽高自动，看一下视频大小；这就是在你这台机器上，采用这种解码和呈现视频的样子；再根据这去设置视频宽高；
呼～～～～～～～～不知道讲明白没；
后来发现视频不是方形像素.....
其实是这样的，CSS中有一个概念叫 replaced element。
参考：
replaced element
MDN - replaced element
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
video宽高只是视频绘图区域、就是视频可能区域；视频在保证宽高比条件下的可见部分，是视频可视区域；
哎，给你链接看；https://css-tricks.com/NetMag...
再一个例子：https://stackoverflow.com/que...
1;首先你了解一下广电标准的视频制式；
２;对于视频，宽高帧率长度等,我给你的建议是，你先在你的浏览器上播放出来；宽高自动，看一下视频大小；这就是在你这台机器上，采用这种解码和呈现视频的样子；再根据这去设置视频宽高；
呼～～～～～～～～不知道讲明白没；
后来发现视频不是方形像素.....
其实是这样的，CSS中有一个概念叫 replaced element。
参考：
replaced element
MDN - replaced element