サイトトップページのビデオ音声を切り替えるミュート/アンミュートボタンを作成し導入いたしました。

https://justuswedding.jp

justuswedding.jp

期間

2021年10月〜2021年10月

お仕事概要

ビデオ音声の出力を切り替える、ミュート/アンミュートボタンを実装しました。

お仕事詳細

ミュート/アンミュートボタンのHTML、CSS、JavaScriptを作成し、Shortcoderというプラグインを使用し、一つのモジュール（ショートコード）として扱えるように導入しました。
アイコンはFont Awesomeプラグインを導入し、使用しました。

ショートコードにはパラメータを用意し、状況に応じて「ミュートの初期状態」「対象のビデオ(video要素)」を指定できるようにしました。これにより、HTMLコードなどをいじることなく、変更、管理することができます。