src/CoreBundle/Resources/views/FieldCollections/VideoContainer.html.twig line 1

Open in your IDE?
  1. {% set UID = uniqid() %}
  2.  {% set videoIDResult = item.getYoutubeId() %}
  3. <div class="section video-wrapper" id="content-section">
  4.     <div id="{{ 'uid' ~ UID |raw }}" class="video-container with-overlay">
  5.         <div class="overlay-close icon close">
  6.         </div>
  8.         <div class="video-wrapper">
  9.             <div class="iframe-container {{ videoIDResult }}">
  10.                 <div id="{{ videoIDResult }}" class="mute-yt-player-container" data-video-id-result="{{ videoIDResult }}"></div>
  11.             </div>
  12.         </div>
  13.         <div class="image video-overlay">
  14.             <div class="play-button-container">
  15.                 <h2>{{ 'Play Video' |trans }}</h2>
  16.                 <span class="icon play-button"></span>
  17.             </div>
  18.             {{ item.getOverlayImage().getThumbnail("iframeOverlay" ~ bundleName).getHtml() |raw }}
  19.             {#IE Fix for thumbnails rendering start#}
  20.             <style>
  21.                 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  22.                 {{ 'div#uid' ~ UID |raw }} .image.video-overlay {
  23.                     width: 100%;
  24.                     height: 500px;
  25.                     background: url( {{ pimcore_image("iframeOverlay").getSrc() }}) center right 100%/cover no-repeat;
  27.                 }
  29.                 {{ 'div#uid' ~ UID |raw }} .image.video-overlay img {
  30.                                                display: none;
  31.                                            }
  32.                 }
  33.             </style>
  34.             {#IE Fix for thumbnails rendering end#}
  35.         </div>
  36.     </div>
  37. </div>