# about Primitive appearance material

**URL:** <https://community.cesium.com/t/about-primitive-appearance-material/7045>\
**Category:** CesiumJS\
**Created:** [June 19, 2018, 2:57am UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045 "2018-06-19T02:57:14Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![xypiaofei](https://avatars.discourse-cdn.com/v4/letter/x/9fc348/32.png) [@xypiaofei](https://community.cesium.com/u/xypiaofei)\
**Post date:** [June 19, 2018, 2:57am UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/1 "2018-06-19T02:57:14Z")

</div>

Primitive appearance how to define video material

&nbsp;&nbsp;// 添加  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;scene.primitives.add(new Cesium.Primitive({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;geometryInstances: instance,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appearance: new Cesium.MaterialAppearance({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;material: new Cesium.Material({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fabric: {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: 'Image',  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;uniforms: {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;image: 'Images/6.mp4' \<-------------------------  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})  
&nbsp;&nbsp;}));

---

<div class="post-metadata">

**Author:** ![Gabby\_Getz](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gabby_getz/32/7838_2.png) [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)\
**Post date:** [June 19, 2018, 2:56pm UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/2 "2018-06-19T14:56:59Z")

</div>

Checkout the [Video Material Sandcastle example](https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/index.html?src=Video.html&label=3D%20Tiles) for how it works on the Entity level. You’ll need to pass the uniform an instance of the HTML video element, rather than the video url.

Thanks,

Gabby

---

<div class="post-metadata">

**Author:** ![Gabby\_Getz](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gabby_getz/32/7838_2.png) [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)\
**Post date:** [June 21, 2018, 1:59pm UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/3 "2018-06-21T13:59:54Z")

</div>

Even if you use primitives, you should still be able to create the video material the same way:

var videoElement = document.getElementById(‘trailer’);

scene.primitives.add(new Cesium.Primitive({  
geometryInstances: instance,

```
            appearance: new Cesium.MaterialAppearance({
                material: videoElement
            })

```

``

Thanks,

Gabby

---

<div class="post-metadata">

**Author:** ![xypiaofei](https://avatars.discourse-cdn.com/v4/letter/x/9fc348/32.png) [@xypiaofei](https://community.cesium.com/u/xypiaofei)\
**Post date:** [June 22, 2018, 1:20am UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/4 "2018-06-22T01:20:07Z")

</div>

在 2018年6月21日星期四 UTC+8下午9:59:54，Gabby Getz写道：

> Even if you use primitives, you should still be able to create the video material the same way:
> 
> var videoElement = document.getElementById('trailer');
> 
> scene.primitives.add(new Cesium.Primitive({  
> geometryInstances: instance,
> 
> ```
> appearance: new Cesium\.MaterialAppearance\(\{ 
> material: videoElement
> \}\) 
> 
> ```
> 
> Thanks,  
> Gabby
> 
> On Tuesday, June 19, 2018 at 8:52:48 PM UTC-4, xypi...@126.com wrote:在 2018年6月19日星期二 UTC+8下午10:56:59，Gabby Getz写道：
> 
> \> Checkout the Video Material Sandcastle example for how it works on the Entity level. You'll need to pass the uniform an instance of the HTML video element, rather than the video url.
> 
> \>
> 
> \>
> 
> \> Thanks,
> 
> \> Gabby
> 
> \>
> 
> \> On Monday, June 18, 2018 at 10:57:14 PM UTC-4, xypi...@126.com wrote:Primitive appearance how to define video material
> 
> \>
> 
> \>
> 
> \>
> 
> \>
> 
> \>
> 
> \> // 添加
> 
> \>
> 
> \> scene.primitives.add(new Cesium.Primitive({
> 
> \>
> 
> \> geometryInstances: instance,
> 
> \>
> 
> \>
> 
> \>
> 
> \> appearance: new Cesium.MaterialAppearance({
> 
> \>
> 
> \> material: new Cesium.Material({
> 
> \>
> 
> \> fabric: {
> 
> \>
> 
> \> type: 'Image',
> 
> \>
> 
> \> uniforms: {
> 
> \>
> 
> \> image: 'Images/6.mp4' \<-------------------------
> 
> \>
> 
> \> }
> 
> \>
> 
> \> }
> 
> \>
> 
> \> })
> 
> \>
> 
> \> })
> 
> \>
> 
> \> }));
> 
> Thanks,but i want use "primitives" add rectangle,not use "entities" add rectangle.because "entities" not "modelMatrix" interface. my english very bad - -!

An error occurred while rendering. Rendering has stopped.  
TypeError: this.material.isTranslucent is not a function  
TypeError: this.material.isTranslucent is not a function  
&nbsp;&nbsp;&nbsp;&nbsp;at p.s.isTranslucent ([http://localhost:51309/Build/Cesium/Cesium.js:495:12163](http://localhost:51309/Build/Cesium/Cesium.js:495:12163))  
&nbsp;&nbsp;&nbsp;&nbsp;at V.update ([http://localhost:51309/Build/Cesium/Cesium.js:501:12716](http://localhost:51309/Build/Cesium/Cesium.js:501:12716))  
&nbsp;&nbsp;&nbsp;&nbsp;at a.update ([http://localhost:51309/Build/Cesium/Cesium.js:540:20000](http://localhost:51309/Build/Cesium/Cesium.js:540:20000))  
&nbsp;&nbsp;&nbsp;&nbsp;at tt ([http://localhost:51309/Build/Cesium/Cesium.js:544:3341](http://localhost:51309/Build/Cesium/Cesium.js:544:3341))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ke ([http://localhost:51309/Build/Cesium/Cesium.js:544:1145](http://localhost:51309/Build/Cesium/Cesium.js:544:1145))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ze ([http://localhost:51309/Build/Cesium/Cesium.js:544:731](http://localhost:51309/Build/Cesium/Cesium.js:544:731))  
&nbsp;&nbsp;&nbsp;&nbsp;at Qe ([http://localhost:51309/Build/Cesium/Cesium.js:543:31164](http://localhost:51309/Build/Cesium/Cesium.js:543:31164))  
&nbsp;&nbsp;&nbsp;&nbsp;at lt ([http://localhost:51309/Build/Cesium/Cesium.js:544:7171](http://localhost:51309/Build/Cesium/Cesium.js:544:7171))  
&nbsp;&nbsp;&nbsp;&nbsp;at ut ([http://localhost:51309/Build/Cesium/Cesium.js:544:7339](http://localhost:51309/Build/Cesium/Cesium.js:544:7339))  
&nbsp;&nbsp;&nbsp;&nbsp;at we.render ([http://localhost:51309/Build/Cesium/Cesium.js:544:15524](http://localhost:51309/Build/Cesium/Cesium.js:544:15524))

scene.primitives.add(new Cesium.Primitive({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;geometryInstances: instance,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appearance: new Cesium.MaterialAppearance({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;material: videoElement  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}),

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;releaseGeometryInstances: false,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}));

---

<div class="post-metadata">

**Author:** ![xypiaofei](https://avatars.discourse-cdn.com/v4/letter/x/9fc348/32.png) [@xypiaofei](https://community.cesium.com/u/xypiaofei)\
**Post date:** [June 22, 2018, 1:20am UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/5 "2018-06-22T01:20:52Z")

</div>

An error occurred while rendering. Rendering has stopped.  
TypeError: this.material.isTranslucent is not a function  
TypeError: this.material.isTranslucent is not a function  
&nbsp;&nbsp;&nbsp;&nbsp;at p.s.isTranslucent ([http://localhost:51309/Build/Cesium/Cesium.js:495:12163](http://localhost:51309/Build/Cesium/Cesium.js:495:12163))  
&nbsp;&nbsp;&nbsp;&nbsp;at V.update ([http://localhost:51309/Build/Cesium/Cesium.js:501:12716](http://localhost:51309/Build/Cesium/Cesium.js:501:12716))  
&nbsp;&nbsp;&nbsp;&nbsp;at a.update ([http://localhost:51309/Build/Cesium/Cesium.js:540:20000](http://localhost:51309/Build/Cesium/Cesium.js:540:20000))  
&nbsp;&nbsp;&nbsp;&nbsp;at tt ([http://localhost:51309/Build/Cesium/Cesium.js:544:3341](http://localhost:51309/Build/Cesium/Cesium.js:544:3341))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ke ([http://localhost:51309/Build/Cesium/Cesium.js:544:1145](http://localhost:51309/Build/Cesium/Cesium.js:544:1145))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ze ([http://localhost:51309/Build/Cesium/Cesium.js:544:731](http://localhost:51309/Build/Cesium/Cesium.js:544:731))  
&nbsp;&nbsp;&nbsp;&nbsp;at Qe ([http://localhost:51309/Build/Cesium/Cesium.js:543:31164](http://localhost:51309/Build/Cesium/Cesium.js:543:31164))  
&nbsp;&nbsp;&nbsp;&nbsp;at lt ([http://localhost:51309/Build/Cesium/Cesium.js:544:7171](http://localhost:51309/Build/Cesium/Cesium.js:544:7171))  
&nbsp;&nbsp;&nbsp;&nbsp;at ut ([http://localhost:51309/Build/Cesium/Cesium.js:544:7339](http://localhost:51309/Build/Cesium/Cesium.js:544:7339))  
&nbsp;&nbsp;&nbsp;&nbsp;at we.render ([http://localhost:51309/Build/Cesium/Cesium.js:544:15524](http://localhost:51309/Build/Cesium/Cesium.js:544:15524))

scene.primitives.add(new Cesium.Primitive({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;geometryInstances: instance,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appearance: new Cesium.MaterialAppearance({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;material: videoElement  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}),

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;releaseGeometryInstances: false,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}));

---

<div class="post-metadata">

**Author:** ![xypiaofei](https://avatars.discourse-cdn.com/v4/letter/x/9fc348/32.png) [@xypiaofei](https://community.cesium.com/u/xypiaofei)\
**Post date:** [June 22, 2018, 10:26am UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/6 "2018-06-22T10:26:23Z")

</div>

An error occurred while rendering. Rendering has stopped.  
TypeError: this.material.isTranslucent is not a function  
TypeError: this.material.isTranslucent is not a function  
&nbsp;&nbsp;&nbsp;&nbsp;at p.s.isTranslucent ([http://localhost:51309/Build/Cesium/Cesium.js:495:12163](http://localhost:51309/Build/Cesium/Cesium.js:495:12163))  
&nbsp;&nbsp;&nbsp;&nbsp;at V.update ([http://localhost:51309/Build/Cesium/Cesium.js:501:12716](http://localhost:51309/Build/Cesium/Cesium.js:501:12716))  
&nbsp;&nbsp;&nbsp;&nbsp;at a.update ([http://localhost:51309/Build/Cesium/Cesium.js:540:20000](http://localhost:51309/Build/Cesium/Cesium.js:540:20000))  
&nbsp;&nbsp;&nbsp;&nbsp;at tt ([http://localhost:51309/Build/Cesium/Cesium.js:544:3341](http://localhost:51309/Build/Cesium/Cesium.js:544:3341))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ke ([http://localhost:51309/Build/Cesium/Cesium.js:544:1145](http://localhost:51309/Build/Cesium/Cesium.js:544:1145))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ze ([http://localhost:51309/Build/Cesium/Cesium.js:544:731](http://localhost:51309/Build/Cesium/Cesium.js:544:731))  
&nbsp;&nbsp;&nbsp;&nbsp;at Qe ([http://localhost:51309/Build/Cesium/Cesium.js:543:31164](http://localhost:51309/Build/Cesium/Cesium.js:543:31164))  
&nbsp;&nbsp;&nbsp;&nbsp;at lt ([http://localhost:51309/Build/Cesium/Cesium.js:544:7171](http://localhost:51309/Build/Cesium/Cesium.js:544:7171))  
&nbsp;&nbsp;&nbsp;&nbsp;at ut ([http://localhost:51309/Build/Cesium/Cesium.js:544:7339](http://localhost:51309/Build/Cesium/Cesium.js:544:7339))  
&nbsp;&nbsp;&nbsp;&nbsp;at we.render ([http://localhost:51309/Build/Cesium/Cesium.js:544:15524](http://localhost:51309/Build/Cesium/Cesium.js:544:15524))

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

scene.primitives.add(new Cesium.Primitive({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;geometryInstances: instance,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appearance: new Cesium.MaterialAppearance({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;material: videoElement  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}),  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;releaseGeometryInstances: false,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}));

---

<div class="post-metadata">

**Author:** ![xypiaofei](https://avatars.discourse-cdn.com/v4/letter/x/9fc348/32.png) [@xypiaofei](https://community.cesium.com/u/xypiaofei)\
**Post date:** [June 26, 2018, 12:44am UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/7 "2018-06-26T00:44:30Z")

</div>

在 2018年6月21日星期四 UTC+8下午9:59:54，Gabby Getz写道：

> Even if you use primitives, you should still be able to create the video material the same way:
> 
> var videoElement = document.getElementById('trailer');
> 
> scene.primitives.add(new Cesium.Primitive({  
> geometryInstances: instance,
> 
> ```
> appearance: new Cesium\.MaterialAppearance\(\{ 
> material: videoElement
> \}\) 
> 
> ```
> 
> Thanks,  
> Gabby
> 
> On Tuesday, June 19, 2018 at 8:52:48 PM UTC-4, xypi...@126.com wrote:在 2018年6月19日星期二 UTC+8下午10:56:59，Gabby Getz写道：
> 
> \> Checkout the Video Material Sandcastle example for how it works on the Entity level. You'll need to pass the uniform an instance of the HTML video element, rather than the video url.
> 
> \>
> 
> \>
> 
> \> Thanks,
> 
> \> Gabby
> 
> \>
> 
> \> On Monday, June 18, 2018 at 10:57:14 PM UTC-4, xypi...@126.com wrote:Primitive appearance how to define video material
> 
> \>
> 
> \>
> 
> \>
> 
> \>
> 
> \>
> 
> \> // 添加
> 
> \>
> 
> \> scene.primitives.add(new Cesium.Primitive({
> 
> \>
> 
> \> geometryInstances: instance,
> 
> \>
> 
> \>
> 
> \>
> 
> \> appearance: new Cesium.MaterialAppearance({
> 
> \>
> 
> \> material: new Cesium.Material({
> 
> \>
> 
> \> fabric: {
> 
> \>
> 
> \> type: 'Image',
> 
> \>
> 
> \> uniforms: {
> 
> \>
> 
> \> image: 'Images/6.mp4' \<-------------------------
> 
> \>
> 
> \> }
> 
> \>
> 
> \> }
> 
> \>
> 
> \> })
> 
> \>
> 
> \> })
> 
> \>
> 
> \> }));
> 
> Thanks,but i want use "primitives" add rectangle,not use "entities" add rectangle.because "entities" not "modelMatrix" interface. my english very bad - -!

An error occurred while rendering. Rendering has stopped.  
TypeError: this.material.isTranslucent is not a function  
TypeError: this.material.isTranslucent is not a function  
&nbsp;&nbsp;&nbsp;&nbsp;at p.s.isTranslucent ([http://localhost:51309/Build/Cesium/Cesium.js:495:12163](http://localhost:51309/Build/Cesium/Cesium.js:495:12163))  
&nbsp;&nbsp;&nbsp;&nbsp;at V.update ([http://localhost:51309/Build/Cesium/Cesium.js:501:12716](http://localhost:51309/Build/Cesium/Cesium.js:501:12716))  
&nbsp;&nbsp;&nbsp;&nbsp;at a.update ([http://localhost:51309/Build/Cesium/Cesium.js:540:20000](http://localhost:51309/Build/Cesium/Cesium.js:540:20000))  
&nbsp;&nbsp;&nbsp;&nbsp;at tt ([http://localhost:51309/Build/Cesium/Cesium.js:544:3341](http://localhost:51309/Build/Cesium/Cesium.js:544:3341))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ke ([http://localhost:51309/Build/Cesium/Cesium.js:544:1145](http://localhost:51309/Build/Cesium/Cesium.js:544:1145))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ze ([http://localhost:51309/Build/Cesium/Cesium.js:544:731](http://localhost:51309/Build/Cesium/Cesium.js:544:731))  
&nbsp;&nbsp;&nbsp;&nbsp;at Qe ([http://localhost:51309/Build/Cesium/Cesium.js:543:31164](http://localhost:51309/Build/Cesium/Cesium.js:543:31164))  
&nbsp;&nbsp;&nbsp;&nbsp;at lt ([http://localhost:51309/Build/Cesium/Cesium.js:544:7171](http://localhost:51309/Build/Cesium/Cesium.js:544:7171))  
&nbsp;&nbsp;&nbsp;&nbsp;at ut ([http://localhost:51309/Build/Cesium/Cesium.js:544:7339](http://localhost:51309/Build/Cesium/Cesium.js:544:7339))  
&nbsp;&nbsp;&nbsp;&nbsp;at we.render ([http://localhost:51309/Build/Cesium/Cesium.js:544:15524](http://localhost:51309/Build/Cesium/Cesium.js:544:15524))  
var videoElement = document.getElementById('trailer');

scene.primitives.add(new Cesium.Primitive({

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;geometryInstances: instance,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;appearance: new Cesium.MaterialAppearance({  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;material: videoElement  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}),  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;releaseGeometryInstances: false,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}));

---

<div class="post-metadata">

**Author:** ![Gabby\_Getz](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gabby_getz/32/7838_2.png) [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)\
**Post date:** [June 27, 2018, 2:09pm UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/8 "2018-06-27T14:09:01Z")

</div>

var viewer = new Cesium.Viewer(‘cesiumContainer’, {

```
showRenderLoopErrors : false,

shouldAnimate : true

```

});

var videoElement = document.getElementById(‘trailer’);

var scene = viewer.scene;

var instance = new Cesium.GeometryInstance({

geometry : new Cesium.RectangleGeometry({

```
rectangle : Cesium.Rectangle.fromDegrees(-100.0, 20.0, -88.0, 28.0),

vertexFormat : Cesium.PerInstanceColorAppearance.VERTEX_FORMAT

```

})

});

var material = Cesium.Material.fromType(‘Image’);

material.uniforms.image = videoElement;

material.uniforms.repeat = new Cesium.Cartesian2(1.0, 1.0);

scene.primitives.add(new Cesium.Primitive({

geometryInstances : instance,

appearance : new Cesium.MaterialAppearance({

```
material : material

```

})

}));

``

You’ll probably need to play with the shape and repeat values.

---

<div class="post-metadata">

**Author:** ![xypiaofei](https://avatars.discourse-cdn.com/v4/letter/x/9fc348/32.png) [@xypiaofei](https://community.cesium.com/u/xypiaofei)\
**Post date:** [July 2, 2018, 3:18am UTC](https://community.cesium.com/t/about-primitive-appearance-material/7045/9 "2018-07-02T03:18:59Z")

</div>

The problem has been solved, thank you very much. love u love u kiss kiss

在 2018年6月27日星期三 UTC+8下午10:09:01，Gabby Getz写道：