Skip to content

シスアド: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"