文章/答案/技术大牛

发布

社区首页 >问答首页 >如何隐藏HDR能够显示的部分

问如何隐藏HDR能够显示的部分
EN

Stack Overflow用户

提问于 2022-02-18 22:54:30

回答 2查看 93关注 0票数 2

真的不是一个编码器，但我试图让一个网站之间的HDR和特别提款权视频切换。

我知道“动态范围：”是非常新的，但这里发生的是：

对于SDR显示，对于标准显示返回true，对于具有HDR能力的显示返回false，对于高和标准的

返回true。

因此，在HDR显示器上显示SDR和HDR部分。有什么关于如何绕过它的提示吗？

<!DOCTYPE html>
<html>
<style>
h1{
  display: none;
}
@media only screen and (dynamic-range: high) {
  .hdr{
    display: block;
  }
}
@media (dynamic-range: standard) {
   .sdr {
        /* Styles for displays not capable of HDR. */
     display: block;
   }
}
</style>
<body style="background-color:DarkOrchid;">
<h1 class="hdr">
  HDR DETECTED
<video class="video" width="100%" autoplay loop muted playsinline>
  <source
    src="/video2/baloons_alpha_hevc.mov"
    type="video/quicktime">
  <source
    src="/video2/baloons_alpha_VP9.webm"
    type="video/webm">
  Your browser doesn't support HTML5 video tag.
</video>
</h1>
<h1 class="sdr">
  SDR detected ,  you should upgrade your stuff, boomer
<video class="video" width="100%" autoplay loop muted playsinline>
  <source
    src="/video2/baloons_alpha_hevc_sdr.mov"
    type="video/quicktime">
  <source
    src="/video2/baloons_alpha_VP9_sdr.webm"
    type="video/webm">
</video>
</h1>
</body>
</html>

html

css

hdr

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-02-18 23:02:45

您应该能够在单个媒体查询中执行此操作，方法是将样式块中的所有内容替换为以下内容：

.hdr {
  display: none;
}

@media only screen and (dynamic-range: high) {
  .hdr{
    display: block;
  }
  .sdr{
    display: none;
  }
}

然后可以删除其他媒体查询，每次只能看到一个块。(注意:我假设您对HDR能力的媒体查询是准确的。)

票数 1

Stack Overflow用户

发布于 2022-02-18 23:05:38

试试这个：

@media only screen and (dynamic-range: high) {
  .hdr{
    display: block;
  }
  .sdr {
     display: none;
   }
}
@media (dynamic-range: standard) {
   .hdr{
    display: none;
  }
   .sdr {
     display: block;
   }    
}

别用这个：

<h1 class="className">
   <video></video>
</h1>

尝试使用一些div

<div class="className">
   <h1></h1>
   <video></video>
</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71180756

复制

相似问题

问如何隐藏HDR能够显示的部分
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何隐藏HDR能够显示的部分EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何隐藏HDR能够显示的部分
EN