<div class="mea1 mea1-mov" data-class="MEA1MOV">
  <!-- MOVIE -->
  <video id="mea1-video" width="100%" height="auto" preload="auto" controls="controls" poster="videos/JDT.jpg" autoplay loop muted>
    <source src="videos/JDT.mp4" type="video/mp4"/>
    <source src="videos/JDT.webm" type="video/webm"/>
    <source src="videos/JDT.ogv" type="video/ogg"/>
    <img src="videos/JDT.jpg"/>
  </video>
  <!-- end movie -->
  <!-- ICON SOUND -->
  <div class="mea1-icon-sound">
    <span class="icon-svg icon-sound mea1-icon-sound-symbol--off">
      <svg>
        <!-- NOTE: you can define an absolute URL according to your needs -->
        <use xlink:href="@@HTTP_ROOT_DIR/img/sprites/sprite.svg#icon-sound-off"/>
      </svg>
    </span>
    <span class="icon-svg icon-sound mea1-icon-sound-symbol--on">
      <svg>
        <!-- NOTE: you can define an absolute URL according to your needs -->
        <use xlink:href="@@HTTP_ROOT_DIR/img/sprites/sprite.svg#icon-sound-on"/>
      </svg>
    </span>
  </div>
  <!-- end icon sound -->
</div>
