templates/Press/videoDetail.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  2. {% block navigation %}
  3.     {{ include('Press/Includes/pressHeader.html.twig') }}
  4. {% endblock %}
  5. {% set assetVideoEditable = getVideoEditable(assetVideoObject, videoObject.posterimage) %}
  6. {% block content %}
  7.     {% set detailUrl = linkGenerator().generate(videoObject) %}
  8.     {% do elements_canonical(detailUrl) %}
  9.     {% if videoObject.posterimage %}
  10.         {% do elements_opengraph().addImage(videoObject.posterimage) %}
  11.     {% endif %}
  12.     {% do elements_head_title().setTitle(title|default(''), true) %}
  13.     {% if videoObject.description %}
  14.         {% do elements_opengraph().setDescription(videoObject.description) %}
  15.         {% do elements_head_meta().setDescription(videoObject.description, true) %}
  16.     {% elseif videoObject.video is instanceof('\\Pimcore\\Model\\Asset') and videoObject.video.metadata('General.description', app.request.locale) %}
  17.         {% do elements_opengraph().setDescription(videoObject.video.metadata('General.description', app.request.locale)) %}
  18.         {% do elements_head_meta().setDescription(videoObject.video.metadata('General.description', app.request.locale), true) %}
  19.     {% endif %}
  21.     {% do pimcore_placeholder('addBreadcrumb').set({
  22.         'parentId' : document.getId(),
  23.         'url' : app.request.pathInfo,
  24.         'label' : title|default('')
  25.     }) %}
  27.     {{ include('Navigation/breadcrumb.html.twig') }}
  28.     <div class="container container-sm content-block">
  29.         {% if isYoutube %}
  30.             <div class="embed-responsive embed-responsive-16by9">
  31.                 {{ assetVideoEditable|raw  }}
  32.             </div>
  33.         {% else %}
  34.             <div class="video-overlay__wrapper js-play-video">
  36.                 <div class="video-overlay embed-responsive embed-responsive-16by9 js-play-video__overlay">
  37.                     <span class="icon icon-play video-overlay__icon" title="play" aria-label="play"></span>
  38.                     {% if videoObject.posterimage %}
  39.                         <img src="{{ videoObject.posterimage.thumbnail('video-overlay')|raw }}"
  40.                              class="js-lazy-img embed-responsive-item teaser-animation__img">
  41.                     {% endif %}
  43.                     <img src="{{ assetVideoObject.poster("video-overlay") }}"
  44.                          class="js-lazy-img embed-responsive-item teaser-animation__img">
  45.                 </div>
  47.                 <div class="video-overlay__video embed-responsive embed-responsive-16by9">
  48.     {#                {% if isYoutube %}#}
  49.     {#                    {{ assetVideoEditable|raw }}#}
  50.     {#                {% else %}#}
  51.                         {{ assetVideoEditable|raw }}
  52.     {#                {% endif %}#}
  53.                 </div>
  54.             </div>
  55.         {% endif %}
  56.         <form class="mt-4 js-form-validation js-action-changer" data-action="{{ not isYoutube ? path('download-press-video', {assetId: assetVideoObject.data.id}) : '#' }} " action="/404">
  57.             {% if number|default(null) %}
  58.                 <div class="badge badge-primary">
  59.                     {{ 'general.Nr'|trans }}. {{ number }}
  60.                 </div>
  61.             {% endif %}
  63.             <h1 class="h3 text-primary mt-3">{{ title|default('') }}</h1>
  65.             {% if copyright|default(null) %}
  66.                 <div class="text-priamry my-3">
  67.                     © {{ copyright.text  }}
  68.                 </div>
  69.             {% endif %}
  71.             {% if not isYoutube %}
  72.                 <div class="text-primary">
  73.                     <div><strong>{{ 'mediaimage.Auflösung'|trans }}:</strong> {{ assetVideoObject.data.width }} x {{ assetVideoObject.data.height }}</div>
  74.                     <div><strong>{{ 'mediaimage.Format'|trans }}:</strong> {{ getImageType(assetVideoObject.data) }}</div>
  75.                     <div>{{ 'mediaimage.Darf nur für Presse-Zwecke verwendet werden.'|trans }}</div>
  76.                 </div>
  79.                 <div class="mt-4">
  80.                     {{ include('Form/Includes/checkbox.html.twig', {
  81.                         name: 'gdpr',
  82.                         id: 'gdpr',
  83.                         required: true,
  84.                         label: 'mediaimage.Ich akzeptiere die <button class="btn-no-styling text-underline" data-toggle="modal" data-target="#usageGuidelines">Verwendungsrichtlinien</button>'|trans
  85.                     }) }}
  86.                 </div>
  88.                 <div class="row vertical-gutter--2">
  89.                     <div class="col-md-5 vertical-gutter__item">
  90.                         {% set user = getMediaUser(app.request) %}
  91.                         {% if user or elements_debug_mode() %}
  92.                             <button class="btn btn-primary-light btn-block" type="submit" data-event-tracking-category="Multimedia Archiv - Download" data-event-tracking-action="Video" data-event-tracking-label="{{ title|default('') }} {{ videoObject.id }}">
  93.                                 <span class="icon icon-download btn-icon" aria-hidden="true"></span>
  94.                                 {{ 'mediaimage.Download'|trans }}
  95.                             </button>
  96.                         {% else %}
  97.                             <a class="btn btn-primary-light btn-block js-nav__show-overlay"
  98.                                     aria-label="Show Overlay"
  99.                                     title="Show Overlay"
  100.                                     data-nav-overlay-target="#loginOverlay">
  101.                                 <span class="icon icon-download btn-icon" aria-hidden="true"></span>
  102.                                 {{ 'mediaimage.Für download einloggen'|trans }}
  103.                             </a>
  104.                         {% endif %}
  105.                     </div>
  106.                 </div>
  107.             {% endif %}
  108.         </form>
  109.     </div>
  110. {% endblock %}
  112. {% block usageGuidlines %}
  113.     {{ include('Press/Includes/userGuidelinesModal.html.twig', {regions: not videoObject.regions is empty ? videoObject.regions : [getMainRegion()]}) }}
  114. {% endblock %}
  116. {% block javascripts %}
  117.     {% if not app.request.get('onlyInlineCss') %}
  118.     {{ include('Layout/includes/encore.html.twig', {
  119.         'staticDebugMode': staticDebugMode,
  120.         'file': 'js/press'
  121.     }) }}
  122.     {% endif %}
  123. {% endblock %}