---
title: video
framework: livephotoskitjs
role: symbol
role_heading: Instance Property
path: livephotoskitjs/livephotoskit.player/video
---

# video

The playable HTMLVideoElement that the Player consumes to obtain video frame data to render to the screen while animating a Live Photo.

## Declaration

```data
attribute HTMLVideoElement video;
```

## Discussion

Discussion If this property is not populated by a playable HTMLVideoElement, the Player cannot play, but can still render as a photo if photo is populated. You can get a value for this property in one of a few ways: Set videoSrc to a string URL and wait for the resulting download and preparation to complete, at which point the property is populated with the resulting HTMLVideoElement. Set the videoSrc to an ArrayBuffer and wait for the resulting preparation to complete, at which point the property is populated with the resulting HTMLVideoElement. Set the property directly to a fully playable HTMLVideoElement whose canplay event has fired. Assigning this property directly causes videoSrc to be cleared and set back to null. Moreover, if videoSrc was recently assigned and a network request or asynchronous decoding is still happening, that activity is also canceled.

## See Also

### Instance Properties

- [currentTime](livephotoskitjs/livephotoskit.player/currenttime.md)
- [duration](livephotoskitjs/livephotoskit.player/duration.md)
- [photoHeight](livephotoskitjs/livephotoskit.player/photoheight.md)
- [photoTime](livephotoskitjs/livephotoskit.player/phototime.md)
- [photoWidth](livephotoskitjs/livephotoskit.player/photowidth.md)
- [canPlay](livephotoskitjs/livephotoskit.player/canplay.md)
- [errors](livephotoskitjs/livephotoskit.player/errors.md)
- [frameTimes](livephotoskitjs/livephotoskit.player/frametimes.md)
- [isPlaying](livephotoskitjs/livephotoskit.player/isplaying.md)
- [loadProgress](livephotoskitjs/livephotoskit.player/loadprogress.md)
- [metadataVideoSrc](livephotoskitjs/livephotoskit.player/metadatavideosrc.md)
- [photo](livephotoskitjs/livephotoskit.player/photo.md)
- [photoMimeType](livephotoskitjs/livephotoskit.player/photomimetype.md)
- [photoSrc](livephotoskitjs/livephotoskit.player/photosrc.md)
- [playbackStyle](livephotoskitjs/livephotoskit.player/playbackstyle.md)