如何在html css上制作响应迅速的垂直视频？

我必须在使用html css构建的网站上插入垂直视频。视频必须在左侧，并且应具有响应性。此代码在左侧显示垂直视频，但在移动设备上没有响应。我必须在这里改变什么，使其响应

您的浏览器不支持视频标记。

您可以在css中使用此属性根据设备宽度和长度设置视频的宽度和高度

@media only screen and (max-width: 520px){

     /* change the width and height of your video here using video property or the video containing class
        it will update the width and height as soon the width of device will go less 
        than 520px,  most of cell phones have width less than 520px(you can change 
        that too)
     */

}

---

您可以在css中使用此属性根据设备宽度和长度设置视频的宽度和高度

@media only screen and (max-width: 520px){

     /* change the width and height of your video here using video property or the video containing class
        it will update the width and height as soon the width of device will go less 
        than 520px,  most of cell phones have width less than 520px(you can change 
        that too)
     */

}

---

我认为你应该在

video

元素中添加

vert\u video

类

您的浏览器不支持视频标记。

然后，将

媒体

查询添加到css文件中。在

媒体

查询中，您可以设置

最大宽度

或

宽度

，这对您很有用

/*此查询将适用于宽度小于480px的设备*/
@介质（最大宽度：480px）{
.vert_视频{
宽度：100%；
身高：100%；
}
}
.vert_视频{
宽度：75%；
身高：75%；
}

我认为您应该将

垂直视频

类添加到

视频

元素中

您的浏览器不支持视频标记。

然后，将

媒体

查询添加到css文件中。在

媒体

查询中，您可以设置

最大宽度

或

宽度

，这对您很有用

/*此查询将适用于宽度小于480px的设备*/
@介质（最大宽度：480px）{
.vert_视频{
宽度：100%；
身高：100%；
}
}
.vert_视频{
宽度：75%；
身高：75%；
}

请查看我为其他人写的答案。这将有助于解决您的问题。请回顾我为其他人写的这个答案。这将有助于解决您的问题。