見た目を変える
シスアド:vitepress独自コンポーネント(Movie)
役割
MP4やWebMなどの汎用的な動画ファイルを埋め込むためのコンポーネントです。
埋め込むと、シークバーや音量調整などのコントロールが表示された状態で、指定の動画が再生できます。
使い方
以下のように、Vueコンポーネントを埋め込むことができます。
動画自体は、マニュアルの/public/以下に配置すると、自動的にドキュメントルートへと配置されます。
vue
<script setup>
// 最初の1回のみ、Vueコンポーネントをインポートします。
import Movie from "../../components/Movie.vue";
</script>
<Movie path="/movie/学生アカウント作成.mp4" />注)多分音が出ます。
受け付けるパラメータ
- path:動画ファイルのパスを指定します。絶対パスでも相対パスでもかまいません。
- 例:
path="/movie/学生アカウント作成.mp4" - 例:
path="../学生アカウント作成.webm"
- 例:
- muted:音声をミュートにするかどうかを指定します。
- 例:
muted - 例:
muted="true" - 例:
muted="false"
- 例: