Question

如果您使用带有媒体查询的PC访问我的网站，我该如何才能显示视频？我只是不知道如何在css中设置查询，或者它可能不存在这样的事情。任何人都可以帮助我吗？

以下是如果您的设备是移动电话，则会更改网站正文背景的查询示例。

  @media only screen and (min-device-width : 320px) and (max-device-width : 700px) and (orientation : portrait) {
  body {
    background-image: url(http://objectfilms.altervista.org/background-mobile.jpg);
    background-repeat:no-repeat;
    background-position: absolute; 
    background-size:100%;
  }    
}

我需要类似的东西，但对于视频而不是背景，或多或少是这样的：

@media only screen and (min-device-width : 1200px) {
  #video /* suppose the video has thid id */
    video:url (the url of the video)

}

Answer 1

实际上这是正确的标签（以避免平板电脑景观能够看到视频）

@media screen and (max-width: 1024px) , screen and (max-height: 768px) { .video-div {display:none} }

Answer 2

您可以尝试在css中使用媒体查询。如果您的视频位于前景而非后台，则此功能非常有用。

分辨率1024或以上用于PC /桌面。

@media (max-width: 1024px) {

  .videobox{
    display:none;
  }
}

如何仅从PC（响应式网站）html / css

2 个答案: