我的一个 html 页面上有一个视频,我喜欢它在桌面上的尺寸,但在移动设备上它太大了,并且正在扩展屏幕。 我知道这是可以解决的,但我对解决方案有点困惑,我已经查了一些,但仍然很困惑。
<video width="900" height="450" autoplay loop controls >
<source src="images/Demo.mov" type="video/mp4">
Your browser does not support the video tag.
</video>
最佳答案
video{
max-width:900px;
width:100%;
}
<video height="450" autoplay loop controls >
<source src="images/Demo.mov" type="video/mp4">
Your browser does not support the video tag.
</video>
下面的 CSS 可能对您有所帮助。
video{
max-width:900px;
width:100%;
}
关于html - 视频对于移动浏览器来说太大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65413396/