音なし自動再生動画パーツ

スマホ広告記事で動画を入れる時は、下のHTMLをカスタムHTMLブロックに貼って、動画URLとサムネ画像URLだけ差し替える。

<div class="zero-video-wrap">
  <video class="zero-autoplay-video" autoplay muted loop playsinline preload="metadata" poster="サムネ画像URL">
    <source src="動画URL" type="video/mp4">
  </video>
  <div class="zero-video-caption">※音なしで自動再生されます</div>
</div>

必須: autoplay / muted / loop / playsinline / preload=”metadata” / poster。GIFは原則使わず、短いMP4にする。