質問編集履歴
1
ソースコードのファイル名を記述しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -30,39 +30,7 @@
|
|
30
30
|
|
31
31
|
|
32
32
|
|
33
|
-
### 該当のソースコード
|
34
33
|
|
35
|
-
|
36
|
-
|
37
|
-
```nuxt.config.js
|
38
|
-
|
39
|
-
plugins: [
|
40
|
-
|
41
|
-
{ src: '~/plugins/video-bg.js', ssr: false },
|
42
|
-
|
43
|
-
]
|
44
|
-
|
45
|
-
```
|
46
|
-
|
47
|
-
```
|
48
|
-
|
49
|
-
import Vue from 'vue'
|
50
|
-
|
51
|
-
import VideoBg from 'vue-videobg'
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
Vue.component('video-bg', VideoBg)
|
56
|
-
|
57
|
-
```
|
58
|
-
|
59
|
-
```index.vue
|
60
|
-
|
61
|
-
<video-bg :sources="['@/assets/img/proto5.mp4']" img="@/assets/img/proto1.jpg">
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
```
|
66
34
|
|
67
35
|
### お伺いしたいこと
|
68
36
|
|
@@ -91,3 +59,45 @@
|
|
91
59
|
・「[video-bgのパッケージHP](https://github.com/pespantelis/vue-videobg/tree/master/demo)」
|
92
60
|
|
93
61
|
・「[nuxtプラグイン導入方法](https://qiita.com/fj_yohei/items/cddf267a94fa30ecb0b8)」
|
62
|
+
|
63
|
+
### 該当のソースコード
|
64
|
+
|
65
|
+
・nuxt.config.js
|
66
|
+
|
67
|
+
```
|
68
|
+
|
69
|
+
plugins: [
|
70
|
+
|
71
|
+
{ src: '~/plugins/video-bg.js', ssr: false },
|
72
|
+
|
73
|
+
]
|
74
|
+
|
75
|
+
```
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
・video-bg.js
|
80
|
+
|
81
|
+
```
|
82
|
+
|
83
|
+
import Vue from 'vue'
|
84
|
+
|
85
|
+
import VideoBg from 'vue-videobg'
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
Vue.component('video-bg', VideoBg)
|
90
|
+
|
91
|
+
```
|
92
|
+
|
93
|
+
|
94
|
+
|
95
|
+
・index.vue
|
96
|
+
|
97
|
+
```
|
98
|
+
|
99
|
+
<video-bg :sources="['@/assets/img/proto5.mp4']" img="@/assets/img/proto1.jpg">
|
100
|
+
|
101
|
+
|
102
|
+
|
103
|
+
```
|