<div id="mainimg" class="mainvideo">
  <!-- スライド1 -->
  <video class="slide slide1" muted playsinline preload="metadata"
    {{#IF_VIDEO VIDEO1_P}}data-src-portrait="./uploads/{{VIDEO1_P}}"{{/IF_VIDEO}}
    {{#IF_VIDEO VIDEO1_L}}data-src-landscape="./uploads/{{VIDEO1_L}}"{{/IF_VIDEO}}>
  </video>

  <!-- スライド2 -->
  <video class="slide slide2" muted playsinline preload="metadata"
    {{#IF_VIDEO VIDEO2_P}}data-src-portrait="./uploads/{{VIDEO2_P}}"{{/IF_VIDEO}}
    {{#IF_VIDEO VIDEO2_L}}data-src-landscape="./uploads/{{VIDEO2_L}}"{{/IF_VIDEO}}>
  </video>

  <!-- スライド3 -->
  <video class="slide slide3" muted playsinline preload="metadata"
    {{#IF_VIDEO VIDEO3_P}}data-src-portrait="./uploads/{{VIDEO3_P}}"{{/IF_VIDEO}}
    {{#IF_VIDEO VIDEO3_L}}data-src-landscape="./uploads/{{VIDEO3_L}}"{{/IF_VIDEO}}>
  </video>
</div>
