<section class="video-area" id="video-area"> <div class="row"> <div class="video-text col-md-4 col-xs-12"> <h2 class="video-title area-title">{{videoArea.translate(locale).title}}</h2> <div class="line"></div> <div class="video-p area-p"> {{videoArea.translate(locale).introduction|raw}} </div> <a href="{{path('gallery_index')}}" class="read-more">{{videoArea.translate(locale).callToAction}}</a> </div> <div class="video-ctn col-md-8 col-xs-12"> <iframe src="https://www.youtube.com/embed/XV8xUWpYo1Y" style="width:100%; height:100%" loading="lazy" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> {# <video id='video' controls="controls" preload='none' poster="images/video/{{videoArea.poster}}" style="width:100%; height:100%"> <source id='mp4' src="{{videoArea.url}}" class="lazy" type='video/mp4' /> </video> #} </div> </div></section>