<video id="myVideo" muted="" autoplay="" loop="" crossorigin="" controls="">
<source src="video.mp4" type="video/mp4">
</video>
// 获取视频元素
const videoElement = document.getElementById("myVideo");
videoElement.style.display = 'none';
let synchronizer = new Cesium.VideoSynchronizer({
clock : viewer.clock,
element : videoElement
});
viewer.clock.shouldAnimate = true;
1,entity-polygon(贴地,旋转角度控制显示方向)
var entity = new Cesium.Entity({
id : entityid,
polygon : {
hierarchy : c3Arr,
//stRotation:180, //旋转角度
material : videoElement
}
});
2,entity-wall(竖立,positions、mininumHeights控制显示方向)
var greenWall = viewer.entities.add({
name : "Green wall from surface with outline",
wall : {
positions : Cesium.Cartesian3.fromDegreesArrayHeights([
118.838100, 35.183068, 190.0, 118.839000, 35.183068,
190.0, ]),
minimumHeights : [ 130, 130 ],
material : videoElement,
outline : true,
shadows : Cesium.ShadowMode.ENABLED
},
});
3,entity-plane(竖立,plane,demensions,控制显示方向)
var bluePlane = viewer.entities.add({
name : "Blue plane",
position : Cesium.Cartesian3
.fromDegrees(118.835100, 35.183068, 190),
plane : {
plane : new Cesium.Plane(Cesium.Cartesian3.UNIT_Y, 0.0),
dimensions : new Cesium.Cartesian2(-150.0, 100.0),
material : videoElement,
},
});