File tree Expand file tree Collapse file tree 12 files changed +28
-28
lines changed
packages/docs/src/examples/v-video Expand file tree Collapse file tree 12 files changed +28
-28
lines changed Original file line number Diff line number Diff line change 12
12
color =" orange"
13
13
controls-transition =" slide-y-transition"
14
14
elevation =" 0"
15
- image =" https://jsek.work/vt-video-poster.jpg"
15
+ image =" https://jsek.work/cdn/ vt-video-poster.jpg"
16
16
rounded =" xl"
17
- src =" https://jsek.work/vt-video.mp4"
17
+ src =" https://jsek.work/cdn/ vt-video.mp4"
18
18
width =" 100%"
19
19
detached
20
20
eager
Original file line number Diff line number Diff line change 5
5
aspect-ratio =" 1"
6
6
color =" blue"
7
7
controls-variant =" mini"
8
- image =" https://jsek.work/vt-sunflowers.jpg"
8
+ image =" https://jsek.work/cdn/ vt-sunflowers.jpg"
9
9
rounded =" lg"
10
- src =" https://jsek.work/vt-sunflowers.mp4"
10
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
11
11
style =" --v-video-controls-pill-border-radius : 8px "
12
12
width =" 300"
13
13
eager
28
28
<v-video
29
29
aspect-ratio =" 1"
30
30
controls-variant =" mini"
31
- image =" https://jsek.work/vt-sunflowers.jpg"
31
+ image =" https://jsek.work/cdn/ vt-sunflowers.jpg"
32
32
rounded =" xl"
33
- src =" https://jsek.work/vt-sunflowers.mp4"
33
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
34
34
width =" 300"
35
35
eager
36
36
hide-overlay
Original file line number Diff line number Diff line change 5
5
class =" mx-auto"
6
6
controls-variant =" tube"
7
7
density =" comfortable"
8
- image =" https://jsek.work/vt-video-poster.jpg"
8
+ image =" https://jsek.work/cdn/ vt-video-poster.jpg"
9
9
max-width =" 450"
10
10
rounded =" lg"
11
- src =" https://jsek.work/vt-video.mp4"
11
+ src =" https://jsek.work/cdn/ vt-video.mp4"
12
12
track-color =" red"
13
13
eager
14
14
>
Original file line number Diff line number Diff line change 51
51
:start-at =" 10"
52
52
:track-color =" colors.track"
53
53
class =" mx-auto mb-3"
54
- image =" https://jsek.work/vt-sunflowers.jpg"
54
+ image =" https://jsek.work/cdn/ vt-sunflowers.jpg"
55
55
max-width =" 450"
56
- src =" https://jsek.work/vt-sunflowers.mp4"
56
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
57
57
eager
58
58
muted
59
59
no-fullscreen
Original file line number Diff line number Diff line change 4
4
<v-video
5
5
:density =" density"
6
6
height =" 150"
7
- image =" https://jsek.work/vt-sunflowers.jpg"
7
+ image =" https://jsek.work/cdn/ vt-sunflowers.jpg"
8
8
rounded =" lg"
9
- src =" https://jsek.work/vt-sunflowers.mp4"
9
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
10
10
start-at =" 10"
11
11
volume =" 80"
12
12
width =" 250"
Original file line number Diff line number Diff line change 5
5
:image =" posterUrl"
6
6
class =" mx-auto mb-3"
7
7
max-width =" 450"
8
- src =" https://jsek.work/vt-sunflowers.mp4"
8
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
9
9
muted
10
10
@loaded =" loaded = true"
11
11
></v-video >
37
37
const posterUrl = toRef (() => {
38
38
return posterId .value
39
39
? ` https://picsum.photos/500/300?image=${ posterId .value } `
40
- : ' https://jsek.work/vt-sunflowers.jpg'
40
+ : ' https://jsek.work/cdn/ vt-sunflowers.jpg'
41
41
})
42
42
</script >
43
43
52
52
posterUrl () {
53
53
return this .posterId
54
54
? ` https://picsum.photos/500/300?image=${ this .posterId } `
55
- : ' https://jsek.work/vt-sunflowers.jpg'
55
+ : ' https://jsek.work/cdn/ vt-sunflowers.jpg'
56
56
},
57
57
},
58
58
methods: {
Original file line number Diff line number Diff line change 6
6
:start-at =" 10"
7
7
class =" mx-auto"
8
8
height =" 260"
9
- image =" https://jsek.work/vt-sunflowers.jpg"
9
+ image =" https://jsek.work/cdn/ vt-sunflowers.jpg"
10
10
max-width =" 450"
11
- src =" https://jsek.work/vt-sunflowers.mp4"
11
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
12
12
eager
13
13
floating
14
14
muted
Original file line number Diff line number Diff line change 3
3
<v-video
4
4
:start-at =" 10"
5
5
class =" align-self-center"
6
- image =" https://jsek.work/vt-sunflowers.jpg"
6
+ image =" https://jsek.work/cdn/ vt-sunflowers.jpg"
7
7
max-width =" 450"
8
- src =" https://jsek.work/vt-sunflowers.mp4"
8
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
9
9
eager
10
10
muted
11
11
></v-video >
Original file line number Diff line number Diff line change 3
3
<v-video
4
4
:start-at =" 10"
5
5
class =" align-self-center"
6
- image =" https://jsek.work/vt-sunflowers.jpg"
6
+ image =" https://jsek.work/cdn/ vt-sunflowers.jpg"
7
7
max-width =" 450"
8
- src =" https://jsek.work/vt-sunflowers.mp4"
8
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
9
9
eager
10
10
muted
11
11
>
Original file line number Diff line number Diff line change 6
6
class =" mx-auto"
7
7
controls-variant =" mini"
8
8
height =" 300"
9
- image =" https://jsek.work/vt-sunflowers.jpg"
9
+ image =" https://jsek.work/cdn/ vt-sunflowers.jpg"
10
10
max-width =" 500"
11
11
rounded =" lg"
12
- src =" https://jsek.work/vt-sunflowers.mp4"
12
+ src =" https://jsek.work/cdn/ vt-sunflowers.mp4"
13
13
eager
14
14
hide-overlay
15
15
pills
You can’t perform that action at this time.
0 commit comments