video with transparency on a sphere

How would one add a video with transparency on to a sphere. Video without a transparency is easy enough. A single image works fine with transparency. A image sequence would work to but I don't know how to get that to work either. This is with the current version of Cesiumjs.


Below is a code snippet of how I add a video with transparency using a video element and a rectangle entity:

$('body').append('<video id="foo" style="display: none" loop="" muted=""><source src="/path/to/video" type="video/webm"></video>');
fooEl = document.getElementById("foo");
fooContainer = viewer.entities.add({
    name: 'Video Container',
    id: 'foo',
    rectangle: {
	coordinates: Cesium.Rectangle.fromDegrees(0,0,10,10), //854x480
	material: new Cesium.ImageMaterialProperty({
	    image: fooEl,
	    color: new Cesium.Color(1.0,1.0,1.0,0.5),
	    transparent: true
	outline: true,
	outlineWidth: 4.0,

Let me know if you have any questions.

Thanks, that worked