javascript - <video>内的视频宽高跟video本身无关吗？

Question

小弟有一视频，800*600，是h264编码的mp4格式文件，
在windows右键属性是帧宽度是800，
但是在一个800*600的p里放video标签，并且display:block;这个video标签，视频高度并不能撑满这个容器，
这是为什么呢？

Answer 1

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

２;对于视频，宽高帧率长度等,我给你的建议是，你先在你的浏览器上播放出来；宽高自动，看一下视频大小；这就是在你这台机器上，采用这种解码和呈现视频的样子；再根据这去设置视频宽高；

　　呼～～～～～～～～不知道讲明白没；

Answer 2

后来发现视频不是方形像素.....

Answer 3

其实是这样的，CSS中有一个概念叫 replaced element。

参考：

• replaced element

• MDN - replaced element