Video

ESM:
Use dark colors for code blocksCopy
1
import "@arcgis/map-components/components/arcgis-video";
CDN:
No specific import is needed for this component.

The ArcGIS Video component provides a view for displaying video feeds from a VideoLayer. It is designed to render and interact with video layers.

A Video component must have a valid VideoLayer. It supports various features such as navigating, zooming, and panning, making it suitable for applications that require interactive video overlays.

Properties

PropertyAttributeType
auto-destroy-disabled
boolean
ready
readonly
boolean
view
readonly

autoDestroyDisabled

Property
autoDestroyDisabled: boolean
Attribute
auto-destroy-disabled
Default value
false

layer

Property
layer: VideoLayer

The VideoLayer to display in the view.

Read more...

map

Property
map: Map | WebMap

A reference to the associated Map or WebMap.

Default value
null

ready

readonlyProperty
ready: boolean

When true, this property indicates whether the view successfully satisfied all dependencies, signaling that the following conditions are met.

Read more...

Default value
false

view

readonlyProperty
view: VideoView

The VideoView instance created and manged by the component. Accessible once the component is fully loaded.

Slots

No slots to display.

Events

arcgisViewReadyChange

Event
arcgisViewReadyChange: CustomEvent<void>
bubbles

Events triggered on this element will be propagated to their outermost elements.

composed

The event is composable and will propagate across the shadow DOM into the standard DOM.

cancelable

The event's default behavior can be canceled, allowing for custom behavior to be implemented instead.

Methods

MethodSignature
componentOnReady(): Promise<void>
destroy(): Promise<void>

componentOnReady

Method
componentOnReady(): Promise<void>

Create a promise that resolves once component is fully loaded.

Example
Use dark colors for code blocksCopy
1
2
3
4
const arcgisVideo = document.querySelector("arcgis-video");
document.body.append(arcgisVideo);
await arcgisVideo.componentOnReady();
console.log("arcgis-video is ready to go!");
Returns
Promise<void>

destroy

Method
destroy(): Promise<void>

Destroys the view, and any associated resources, including its map, popup, and UI elements.

Returns
Promise<void>

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.