Question

我使用.webm作为矩形的材质。视频播放，但到处都应该是透明的，而是白色背景。

使用Javascript：

var videoElement = document.getElementById('video');

var tv = viewer.entities.add({
    rectangle : {
        coordinates : Cesium.Rectangle.fromDegrees(-80.0, 15.0, -70.0, 25.0),
        height : 50000,
        material : videoElement
    }
});

HTML：

<body>
  <div id="videos">
    <video id="video" style="display: none;" autoplay="" loop="" crossorigin="" controls = "">
      <source src="videos/video.webm" type="video/webm">
     </video>
  </div>
</body>

编辑background-color元素的video或其中包含的div不会改变替换视频中透明度的背景颜色。我通过调用

创建实体后，尝试编辑材料的translucent属性

tv.rectangle.material.translucent = true;

但这似乎没有任何效果。有没有办法在Cesium中显示具有透明度的视频？

铯 - 在多边形上显示带透明度的视频

0 个答案: