質問編集履歴
2
微修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
現在Nuxtのプロジェクト内で`vue-video-player`というプラグインを使用し、コンポーネント内で動画を再生させています。
|
6
6
|
|
7
|
-
video.jsのmethods(以下ドキュメント参照)の`
|
7
|
+
video.jsのmethods(以下ドキュメント参照)の`paused()`、`ended()`を使用して、停止時と動画終了時の状態(`true, false`)を取得したいのですが、以下のvueファイル内でうまく取得することができていません。
|
8
8
|
|
9
9
|
|
10
10
|
|
1
追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,15 +4,21 @@
|
|
4
4
|
|
5
5
|
現在Nuxtのプロジェクト内で`vue-video-player`というプラグインを使用し、コンポーネント内で動画を再生させています。
|
6
6
|
|
7
|
-
video.jsのmethods(以下ドキュメント参照)の`Pause()`、`
|
7
|
+
video.jsのmethods(以下ドキュメント参照)の`Paused()`、`ended()`を使用して、停止時と動画終了時の状態(`true, false`)を取得したいのですが、以下のvueファイル内でうまく取得することができていません。
|
8
8
|
|
9
|
+
|
10
|
+
|
11
|
+
正確には、停止時と動画終了時の状態を取得し、buttonに`v-if="isPaused || isEnded"`を追加して、
|
12
|
+
|
9
|
-
|
13
|
+
停止時と終了時のみボタンを表示させたいと思っています。
|
10
14
|
|
11
15
|
|
12
16
|
|
13
17
|
vue-video-player: [Github](https://github.com/surmon-china/vue-video-player)
|
14
18
|
|
19
|
+
video.js methods paused(): [https://docs.videojs.com/docs/api/player.html#Methodspaused](https://docs.videojs.com/docs/api/player.html#Methodspaused)
|
20
|
+
|
15
|
-
video.js
|
21
|
+
video.js methods ended(): [https://docs.videojs.com/docs/api/player.html#Methodsended](https://docs.videojs.com/docs/api/player.html#Methodsended)
|
16
22
|
|
17
23
|
|
18
24
|
|