mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:23:41 +09:00
35 lines
693 B
Markdown
35 lines
693 B
Markdown
### Video Player 1:1
|
|
|
|
We wrote a custom vue wrapper for the `Plyr` video player vanilla js library. It
|
|
is really easy to setup. Change the video ratio using the `ratio` prop.
|
|
Available ratios are `square`, `4by3` and `16by9`.
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<template>
|
|
<VPlyr
|
|
ratio="square"
|
|
source="https://www.youtube.com/embed/lE5VNpP8JqA?modestbranding=1&rel=0&showinfo=0"
|
|
poster="/video/poster-1c.jpg"
|
|
embed
|
|
/>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<div>
|
|
<VPlyr class="ml-1"
|
|
ratio="square"
|
|
source="https://www.youtube.com/embed/lE5VNpP8JqA?modestbranding=1&rel=0&showinfo=0"
|
|
poster="/video/poster-1c.jpg"
|
|
reversed
|
|
embed
|
|
/>
|
|
</div>
|
|
|
|
<!--/example-->
|