video.html

{{- $template := .block.template -}}
{{- $position := .block.position -}}
{{- $title := .block.title -}}
{{- with .block.data -}}
  <div class="block block-video{{ if $title }} block-with-title{{ end }}">
    <div class="container">
      <div class="block-content">
        <div>
          {{- if $title -}}
            <div class="top">
              <p class="block-title">{{ partial "PrepareHTML" $title }}</p>
            </div>
          {{ end -}}

          {{ if .url }}
            <div class="video">
              <div class="video-player">
                <button class="video-player__play" title ="{{- i18n "blocks.video.play" -}}" aria-label="{{- i18n "blocks.video.play" -}}"></button>
                <picture>
                  <source srcset="https://osuny-1b4da.kxcdn.com/g1qn3b0yvdg2t0wosq059xocpyq1?format=webp&width=1800&height=0&&fit=inside&quality=50" type="image/jpg" />
                  <img src="https://osuny-1b4da.kxcdn.com/g1qn3b0yvdg2t0wosq059xocpyq1?format=webp&width=1800&height=0&&fit=inside&quality=50" alt="" />
                </picture>
              </div>
              {{ $url := .url}}
              {{ if strings.Contains $url "vimeo" }}
                {{ $url = replace $url "https://vimeo.com/" "//player.vimeo.com/video/"}}
              {{ end }}
              {{ if strings.Contains $url "youtube" }}
                {{ $url = replace $url "https://www.youtube.com/watch?v=" "https://www.youtube.com/embed/"}}
              {{ end }}
              {{ if strings.Contains $url "dailymotion" }}
                {{ $url = replace $url "https://www.dailymotion.com/video/" "http://www.dailymotion.com/embed/video/"}}
              {{ end }}
              <div class="video-container" data-url="{{ $url }}">
                {{ partial "blocks/templates/video/GetIframe" ( dict
                  "url" ""
                  "title" .video_title
                )}}
              </div>
            </div>
          {{ end }}

          {{ if .video_title }}
            <p>{{- partial "PrepareHTML" .video_title -}}</p>
          {{ end }}

          {{ partial "commons/transcription" ( dict
            "transcription" .transcription
            "position" $position
          ) }}
        </div>
      </div>
    </div>
  </div>
{{- end -}}