|
14 | 14 | # Update
|
15 | 15 | Updated to video.js 6+.
|
16 | 16 |
|
17 |
| -todo: ssr & cdn script. |
18 |
| - |
19 | 17 | # Example
|
20 | 18 | [Demo Page](https://surmon-china.github.io/vue-video-player)
|
21 | 19 |
|
@@ -63,6 +61,11 @@ videojs.addLanguage('ml', myLanguageObject)
|
63 | 61 | videojs.registerPlugin('examplePlugin', examplePlugin)
|
64 | 62 | // videojs.[methods]...
|
65 | 63 |
|
| 64 | +// or require videojs (plugins || langs || ...) |
| 65 | +require('video.js/dist/lang/ba') |
| 66 | +require('videos-some-plugins') |
| 67 | +require('videos...') |
| 68 | + |
66 | 69 | // mount with component(can't work in Nuxt.js/SSR)
|
67 | 70 | import { videoPlayer } from 'vue-video-player'
|
68 | 71 |
|
@@ -114,25 +117,20 @@ export default {
|
114 | 117 | <video-player class="video-player-box"
|
115 | 118 | ref="videoPlayer"
|
116 | 119 | :options="playerOptions"
|
117 |
| - :start="0" |
118 | 120 | :playsinline="true"
|
119 |
| - customEventName="customstateevent" |
| 121 | + customEventName="customstatechangedeventname" |
120 | 122 |
|
121 |
| - title="you can listen some event if you need" |
122 | 123 | @play="onPlayerPlay($event)"
|
123 | 124 | @pause="onPlayerPause($event)"
|
124 | 125 | @ended="onPlayerEnded($event)"
|
125 |
| - @loadeddata="onPlayerLoadeddata($event)" |
126 | 126 | @waiting="onPlayerWaiting($event)"
|
127 | 127 | @playing="onPlayerPlaying($event)"
|
| 128 | + @loadeddata="onPlayerLoadeddata($event)" |
128 | 129 | @timeupdate="onPlayerTimeupdate($event)"
|
129 | 130 | @canplay="onPlayerCanplay($event)"
|
130 | 131 | @canplaythrough="onPlayerCanplaythrough($event)"
|
131 | 132 |
|
132 |
| - title="or listen state change" |
133 | 133 | @statechanged="playerStateChanged($event)"
|
134 |
| -
|
135 |
| - title="The prepared event will be triggered after the videojs program instance completes, and its callback player object is the videojs callback function in this context" |
136 | 134 | @ready="playerReadied">
|
137 | 135 | </video-player>
|
138 | 136 | </template>
|
@@ -196,7 +194,6 @@ export default {
|
196 | 194 |
|
197 | 195 | # API
|
198 | 196 | - component api:
|
199 |
| - * start(number, default: 0): The time at which the player starts playing |
200 | 197 | * playsinline(boolean, default: false): set player not full-screen in mobile device
|
201 | 198 | * customEventName(string, default: 'statechanged'): custom the state change event name
|
202 | 199 |
|
|
0 commit comments