diff --git a/src/dom_components/model/ComponentVideo.js b/src/dom_components/model/ComponentVideo.js index e2b70e973..60a9eb507 100644 --- a/src/dom_components/model/ComponentVideo.js +++ b/src/dom_components/model/ComponentVideo.js @@ -17,6 +17,7 @@ module.exports = Component.extend( ytncUrl: 'https://www.youtube-nocookie.com/embed/', viUrl: 'https://player.vimeo.com/video/', loop: 0, + poster: '', muted: 0, autoplay: 0, controls: 1, @@ -178,6 +179,12 @@ module.exports = Component.extend( placeholder: 'eg. ./media/video.mp4', changeProp: 1 }, + { + label: 'Poster', + name: 'poster', + placeholder: '', + changeProp: 1 + }, this.getAutoplayTrait(), this.getLoopTrait(), this.getControlsTrait() diff --git a/src/dom_components/view/ComponentVideoView.js b/src/dom_components/view/ComponentVideoView.js index 801a955d8..17a382c7e 100644 --- a/src/dom_components/view/ComponentVideoView.js +++ b/src/dom_components/view/ComponentVideoView.js @@ -12,7 +12,7 @@ module.exports = ComponentView.extend({ this.listenTo(this.model, 'change:src', this.updateSrc); this.listenTo( this.model, - 'change:loop change:autoplay change:controls change:color change:rel change:modestbranding', + 'change:loop change:autoplay change:controls change:color change:rel change:modestbranding change:poster', this.updateVideo ); this.listenTo(this.model, 'change:provider', this.updateProvider); @@ -67,6 +67,7 @@ module.exports = ComponentView.extend({ videoEl.loop = md.get('loop'); videoEl.autoplay = md.get('autoplay'); videoEl.controls = md.get('controls'); + videoEl.poster = md.get('poster'); } },