ADMIN Tips

目的

ボタンで動画をコントロールする

操作方法

Elementorのウィジェットに「Video Controller」が追加されます
動画は任意のセクションに HTMLを、別セクションにこのウィジェットを設置し、デザイン調整

<video id=”custom-video”
muted
playsinline
preload=”auto”
controlslist=”nodownload nofullscreen noremoteplayback”
style=”width: 100%; height: auto;”>
<source src=”https://tree.uni-01.com/wp-content/uploads/2025/07/遺影動画Sample1.mp4″ type=”video/mp4″>
お使いのブラウザは video 要素をサポートしていません。
</video>

テンプレート

●プラグイン作成依頼テンプレート

✅ 再依頼用テンプレート
WordPress + Elementor Pro + ACF を使用しています。
次の要件でプラグイン(ZIP)を作成してください:
MP4動画を表示し、別セクションにあるカスタムボタンで操作できるようにしたいです。
ACFのフィールド名は custom-video、タイプは「ファイル」、返り値は「ファイルのURL」です。
動画は以下の条件で表示します:
<video> タグを使ってページに直接表示
autoplay は使わない
controls を使わず、動画のコントロールバーや再生アイコンは非表示
ボタンでのみ再生・一時停止・先頭に戻す操作ができるようにしたい
Elementorのカスタムウィジェットとして:
「再生/停止」ボタン
「先頭に戻る」ボタン
背景色・文字色・角丸・マージン・パディングを設定できる
ボタンは横並び(inline表示)
プラグインはZIPでダウンロードできるようにしてください。
バージョンをわかりやすく付けてください(例:v1.2)

Translate »