diff --git a/src/patterns/03-layouts/ofis/ofis-profile.twig b/src/patterns/03-layouts/ofis/ofis-profile.twig index 0db26b5b831ee3fbbe10a8f8e8cbc7e102138ddb..ddd5aaf914f30f646a2366d6c8135a7ae9042e4b 100644 --- a/src/patterns/03-layouts/ofis/ofis-profile.twig +++ b/src/patterns/03-layouts/ofis/ofis-profile.twig @@ -41,17 +41,24 @@ </div> {% if ofis_data.profile.video %} <div> - {% set vid = ofis_data.profile.video|split('?v=')[1] %} - {% if vid %} - {% set ytembed = 'https://www.youtube.com/embed/' ~ vid %} - <iframe width="560" height="315" src="{{ ytembed }}" - allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" - referrerpolicy="strict-origin-when-cross-origin" - allowfullscreen></iframe> - <div class="ofis-video__link"> - <a href="{{ ofis_data.profile.video }}">Watch on Youtube</a> + <div class="uw-remote-video"> + {% set vid = ofis_data.profile.video|split('?v=')[1] %} + {% if vid %} + {% set ytembed = 'https://www.youtube.com/embed/' ~ vid %} + <div class="uw-remote-video__video"> + <div class="uw-media media media--type-uw-mt-remote-video media--view-mode-default"> + <div class="uw-field uw-field--name-field-media-oembed-video uw-field--type-string uw-field--label-visually_hidden uw-field__items"> + <div class=uw-field__item"> + <iframe class="media-oembed-content" width="200" height="113" src="{{ ytembed }}" aria-label="Remote Video"></iframe> + </div> + </div> + </div> + </div> + {% endif %} + <div class="uw-remote-video__view"> + <a href="{{ ofis_data.profile.video }}">View on YouTube</a> </div> - {% endif %} + </div> </div> {% endif %} </section>