如何仅通过PC（响应站点）显示视频html/css

-1

只有当您使用带媒体查询的PC访问我的网站时，如何才能显示视频？我只是不知道如何在CSS中设置查询，或者它不存在这样的东西。谁能帮我？如何仅通过PC（响应站点）显示视频html/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) 

}

来源

2017-03-04 Francis7

如Javascript其他程序也许能够实现这一目标。 –

你甚至尝试过使用媒体查询并设置一个条件到最小宽度的东西？然后在视频容器中点击“display：none”？如果我们无法从您的帖子中看到您的代码，我们无法帮助您。 – Roljhon

我没有发布任何代码，因为如我所说，我不知道如何设置查询。我只需要一个简单的例子，但是我正在编辑问题以添加更多信息。 – Francis7

-1

您可以尝试使用媒体查询在CSS。如果您的视频处于前景而不是后台，这将非常有用。

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

@media (max-width: 1024px) { 

    .videobox{ 
    display:none; 
    } 
}

来源

2017-03-04 18:04:30 Phantom

其实这是一个正确的标签（避免平板景观能够看到视频）

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

来源

2017-03-04 18:09:43

如何仅通过PC（响应站点）显示视频html/css

回答

相关问题