@media（最大宽度或最小宽度）用于视频

Question

I want to ask - this function for an image to hide or reveal at a given resolution (sample in code) - can it be applied to video as well ?我想问 - 这个 function 用于在给定分辨率下隐藏或显示图像（代码示例） -它也可以应用于视频吗？ Thanks谢谢

 @media (max-width:375px) { img#eq { display: none; }

 <img id="eq" src="assets/images/picture.jpg">

Answer 1

Media Queries can be used always within CSS and works on everything that can eb addressed by CSS. Media Queries始终可以在 CSS 中使用，并且适用于 CSS 可以解决的所有问题。 This also includes videos as the snippet below shows.这还包括以下片段所示的视频。

 video { width: 100%; } @media only screen and (max-width: 374px) { video { display: none; } } @media only screen and (min-width: 375px) { video { display: block; } }

 <video controls> <source src="https://www.tacoshy.de/stackoverflow/testvideo.mp4" type="video/mp4"> Your browser does not support the video tag. </video>

Answer 2

yes it will work and first you want to add a meta tag in your html head it is look like是的，它会起作用，首先你想在你的 html 头中添加一个元标记，它看起来像

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

@media（最大宽度或最小宽度）用于视频

问题描述

2 个解决方案

解决方案1
0 2021-03-26 21:30:08

解决方案2
0 2021-03-27 04:48:15

@media（最大宽度或最小宽度）用于视频

问题描述

2 个解决方案

解决方案1 0 2021-03-26 21:30:08

解决方案2 0 2021-03-27 04:48:15

解决方案1
0 2021-03-26 21:30:08

解决方案2
0 2021-03-27 04:48:15