|
|
@@ -11,12 +11,13 @@
|
|
11
|
11
|
.hero--image--overlay.w-max.f-col
|
|
12
|
12
|
h2.t-up.t-cntr(v-if="heroText") {{ heroText }}
|
|
13
|
13
|
img.w-max(:src="getThumbnailFromYt(showHero)" alt="hero alt image")
|
|
14
|
|
- //- button(v-if="showPlaybutton" @click="isPlaying = true") play
|
|
15
|
14
|
button(v-if="showPlaybutton" @click="isPlaying = true")
|
|
|
15
|
+
|
|
16
|
16
|
.hero--image.w-max(v-else-if="heroType === 'image'")
|
|
17
|
17
|
.hero--image--overlay.w-max.f-col
|
|
18
|
18
|
h2.t-up.t-cntr(v-html="heroText")
|
|
19
|
19
|
img.w-max(:src="showHero" alt="hero alt image")
|
|
|
20
|
+
|
|
20
|
21
|
.hero--image(v-else)
|
|
21
|
22
|
.hero--image--overlay.w-max.f-col
|
|
22
|
23
|
div(v-html="heroText")
|
|
|
@@ -52,7 +53,7 @@ export default {
|
|
52
|
53
|
this.heroHeight = this.$el.offsetWidth / 1.8
|
|
53
|
54
|
},
|
|
54
|
55
|
getThumbnailFromYt(url) {
|
|
55
|
|
- return ytThumbnail(url, 'max')
|
|
|
56
|
+ return ytThumbnail(url, 'large')
|
|
56
|
57
|
}
|
|
57
|
58
|
},
|
|
58
|
59
|
mounted() {
|