因此，在我的网站上，将会有多个视频，这些视频都是由用户提交并上传到网站的不同内容。
用户上传的某些视频具有不同的帧宽和高度。
例如：
（视频1） - 帧宽：1280。
（视频2） - 帧宽：480。帧高360.
问题在于，当使用具有不同帧高的视频时，实际的HTML5视频本身会改变它的高度。它变得越来越小，我不希望这样，我希望所有视频都保持相同的大小，无论视频帧高度如何。
与Youtubes一样，所有视频的宽度和高度完全相同，我希望它像他们一样。
为了让你们更了解我的意思，我在html文件下面给出了一个链接： https://mega.nz/#!oMpwDQ7a!r5wO1GfG0c5Gj5dd5xE8pk1Udl5GxoaQ37pDwLAgcXk
注意：我已经尝试了几乎所有内容，更改了CSS代码100万次，尝试了第三方应用，没有任何东西能给我我想要的东西。
致以诚挚的问候，谢谢。
答案 0 :(得分：0)
为了让所有视频的尺寸相同，您需要拉伸视频（通常不好，不要这样做）或在顶部/底部或侧面添加条形以显示原始视频尺寸。使用html5视频，您需要做的就是为视频标记应用宽度和高度。
<style type="text/css">
video{width: 500px;height:300px;position:relative;margin-top:-20px;}
video:hover{cursor:pointer}
</style>
在您的源文件中尝试此操作，它会使您的所有视频大小相同，只需在文件中添加条形图以使它们占用相同的空间（请注意它是如何添加到顶部/底部的一方，另一方面。）
如果您的视频文件具有不同的宽高比，即使YouTube也会这样做（您会注意到那些YouTube视频上的黑条，例如：https://www.youtube.com/watch?v=2Or1Ui7yM7Q此视频是在方形显示器上拍摄的，而不是宽屏方面）。