From b4db38ca12da97476c8bb894b10dc02ec795d3be Mon Sep 17 00:00:00 2001 From: "min.tang" Date: Thu, 16 Aug 2018 16:29:52 +0800 Subject: [PATCH 1/2] add video poster --- src/dom_components/model/ComponentVideo.js | 7 +++++++ 1 file changed, 7 insertions(+) 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() From d3ad4abc9e81b8b424f13ea7abdf185820914c71 Mon Sep 17 00:00:00 2001 From: tangkikodo Date: Thu, 16 Aug 2018 17:06:12 +0800 Subject: [PATCH 2/2] make poster work --- src/dom_components/view/ComponentVideoView.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) 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'); } },