diff --git a/packages/noodl-viewer-react/src/components/visual/Video/Video.tsx b/packages/noodl-viewer-react/src/components/visual/Video/Video.tsx index 9d0f027..b930542 100644 --- a/packages/noodl-viewer-react/src/components/visual/Video/Video.tsx +++ b/packages/noodl-viewer-react/src/components/visual/Video/Video.tsx @@ -34,16 +34,14 @@ export interface CachedVideoProps { class CachedVideo extends React.PureComponent { video: HTMLVideoElement; - shouldComponentUpdate(nextProps: CachedVideoProps) { + componentDidUpdate() { if (this.video) { - this.video.muted = nextProps.muted; - this.video.loop = nextProps.loop; - this.video.volume = nextProps.volume; - this.video.autoplay = nextProps.autoplay; - this.video.controls = nextProps.controls; + this.video.muted = this.props.muted; + this.video.loop = this.props.loop; + this.video.volume = this.props.volume; + this.video.autoplay = this.props.autoplay; + this.video.controls = this.props.controls; } - - return true; } render() {