</code> можна інтегрувати з наведеним нижче фрагментом. Код потрібно просто вставити у відповідне місце на сайті.</p> <turbo-frame id="iframe_form_showreel_23370"> <h5>Autoplay</h5> <div class="btn-group btn-group-sm d-flex mb-3" role="group" data-bs-toggle="buttons"> <a class="btn btn-secondary active" href="/uk/actors/katrin-filzen/showreels/23370/iframe">без автозапуску</a> <a class="btn btn-secondary" href="/uk/actors/katrin-filzen/showreels/23370/iframe?autoplay=true">з автозапуском</a> </div> <h5>Колір фону</h5> <div class="btn-group btn-group-sm d-flex mb-3" role="group" data-bs-toggle="buttons"> <a class="btn btn-secondary active" href="/uk/actors/katrin-filzen/showreels/23370/iframe">прозорий</a> <a class="btn btn-secondary" href="/uk/actors/katrin-filzen/showreels/23370/iframe?background_color=fff">світло</a> <a class="btn btn-secondary" href="/uk/actors/katrin-filzen/showreels/23370/iframe?background_color=000">темний</a> </div> <h5>Мова</h5> <div class="dropdown mb-3"><button name="button" type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="">українська</button><ul class="dropdown-menu"><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=en">англійська</a></li><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=de">Німецький</a></li><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=fr">французька</a></li><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=it">італійська</a></li><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=es">Іспанська</a></li><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=pl">польський</a></li><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=ro">румунська</a></li><li><a class="dropdown-item active" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=uk">українська</a></li><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=ru">російський</a></li><li><a class="dropdown-item" href="/uk/actors/katrin-filzen/showreels/23370/iframe?iframe_locale=tr">турецька</a></li></ul></div> <pre><div style="position: relative; display: block; height: 0; padding: 0; -webkit-overflow-scrolling: touch; overflow: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; padding-top: 80%;"> <iframe src="https://www.filmmakers.eu/uk/actors/katrin-filzen/video/23370?autoplay=false&background_color=none&iframe=v2&playlist=h" width="auto" allowfullscreen style="border: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0;"> </iframe> </div> </pre> </turbo-frame> Необхідний лише атрибут <code>src</code>, усі інші атрибути можна налаштувати, щоб краще відповідати макету веб-сторінки. Це лише рекомендації. <h5>Чуйна поведінка (мобільні пристрої/планшети)</h5> <p>Щоб забезпечити відповідну поведінку iframe, на веб-сторінці, яка вбудовує iframe, має бути встановлений такий мета-тег:</p> <pre><meta name="viewport" content="width=device-width, initial-scale=1"></pre> </div> <h5>Надішліть інструкції</h5> <p>Ви можете скористатися наведеною нижче кнопкою, щоб скопіювати інструкції, а потім вставити в клієнт електронної пошти, щоб надіслати відповідальному розробнику для інтеграції:</p> <p><button data-behavior="copy-iframe-instructions" class="btn btn-light btn-primary"><i class="fas fa-copy"></i> Скопіюйте інструкції</button></p> <p>Якщо копіювання не працює, інструкції також можна легко скопіювати безпосередньо з браузера.</p> </div> </main> <footer class="footer"> <div class='container-xl'> <div class="row"> <div class="col-6 col-xl-2 offset-xl-1 col-md-3 mb-3"> <ul class="nav flex-column"> <li class="nav-item mb-2"><a class="nav-link p-0" href="/actor_profile_search/new">Cast</a></li> <li class="nav-item mb-2"><a class="nav-link p-0" href="/talent_agency_search/new">Agency</a></li> </ul> </div> <div class="col-6 col-xl-2 col-md-3 mb-3"> <ul class="nav flex-column"> <li class="nav-item mb-2"><a class="nav-link p-0" href="/news">News & Blog</a></li> </ul> </div> <div class="col-12 col-xl-2 col-md-3 mb-3"> <ul class="nav flex-column"> <li class="nav-item mb-2"><div class="dropdown language-switcher"><a class="text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="button" href="#">Мова: Українська</a><ul class="dropdown-menu"> <li><form class="button_to" method="post" action="/set_locale?locale=en"><button class="dropdown-item" type="submit">English</button><input type="hidden" name="authenticity_token" value="0LjGX1ijKluofiz4Tf3s5cKrvAlHJWwdEpWdCWgAKYqY7AS5xf6rIPDdJocXNPxsoMyvIZa8K0_ZYvBSxTyc3Q" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=de"><button class="dropdown-item" type="submit">Deutsch</button><input type="hidden" name="authenticity_token" value="jctcp9nP6Mc7bSsjYSUt9HWopfwflgUe44XJReaWjOvFn55BRJJpvGPOIVw77D19F8-21M4PQkwocqQeS6o5vA" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=fr"><button class="dropdown-item" type="submit">Français</button><input type="hidden" name="authenticity_token" value="IeD_4tMBAm_Uyr3mH8BdzPoTT_7WuzUB2-v7gz23u65ptD0ETlyDFIxpt5lFCU1FmHRc1gciclMQHJbYkIsO-Q" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=it"><button class="dropdown-item" type="submit">Italiano</button><input type="hidden" name="authenticity_token" value="6L5V2wknHZmPnSc28C4NL-WAz9hPHn1cPDqYz45cWRig6pc9lHqc4tc-LUmq5x2mh-fc8J6HOg73zfWUI2DsTw" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=es"><button class="dropdown-item" type="submit">Español</button><input type="hidden" name="authenticity_token" value="z-Y_Sz46tQVZjBzDkPjfVStdZv436NjDTc0Wp8bKdOuHsv2to2c0fgEvFrzKMc_cSTp11uZxn5GGOnv8a_bBvA" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=pl"><button class="dropdown-item" type="submit">Polski</button><input type="hidden" name="authenticity_token" value="DOaTueT-zTduZ5WxuZ54PZao5bcCBq1JlKgf-BK3QI5EslFfeaNMTDbEn87jV2i09M_2n9Of6htfX3Kjv4v12Q" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=ro"><button class="dropdown-item" type="submit">Română</button><input type="hidden" name="authenticity_token" value="B3i3-rk-8EKwW4FHOkFXvVZM2IEDKrr7u6KqiFP7k_BPLHUcJGNxOej4izhgiEc0NCvLqdKz_alwVcfT_scmpw" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=uk"><button class="dropdown-item active" type="submit">Українська</button><input type="hidden" name="authenticity_token" value="1AllFclP6MC270GqkxiVvGipPNIBm3JIKfyv1C3pwVecXafzVBJpu-5MS9XJ0YU1Cs4v-tACNRriC8KPgNV0AA" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=ru"><button class="dropdown-item" type="submit">Русский</button><input type="hidden" name="authenticity_token" value="uWwk_AXGDe8x97gT6OEC--8Nz3LC-6PqokT_uSnXnRbxOOYamJuMlGlUsmyyKBJyjWrcWhNi5Lhps5LihOsoQQ" autocomplete="off" /></form></li><li><form class="button_to" method="post" action="/set_locale?locale=tr"><button class="dropdown-item" type="submit">Türkçe</button><input type="hidden" name="authenticity_token" value="BpNxs9pO-7vfEhhsOE6Q12hta0RtdHiQFBu18PhgPHlOx7NVRxN6wIexEhNih4BeCgp4bLztP8Lf7NirVVyJLg" autocomplete="off" /></form></li> </ul></div></li> <li class="nav-item mb-2"></li> </ul> </div> <div class="col-12 col-xl-2 col-md-3 offset-xl-2 mb-3"> <button name="button" type="button" class="footer--support-btn btn btn-sm btn-primary w-100 mb-3" data-behavior="form-modal-link" data-variant="modal" data-href="/contact/new"><i class="far fa-comment"></i><span class="fa5-text">Зверніться до служби підтримки</span></button> <ul class="nav flex-column"> <li class="nav-item mb-2"><small><a class="nav-link p-0" href="/uk/imprint">Юридичне повідомлення</a></small></li> <li class="nav-item mb-2"><small><a class="nav-link p-0" href="/uk/subscriptions/pricing">Pricing</a></small></li> <li class="nav-item mb-2"><small><a class="nav-link p-0" href="/uk/terms_of_service">Умови обслуговування</a></small></li> <li class="nav-item mb-2"><small><a class="nav-link p-0" href="/uk/privacy">Конфіденційність</a></small></li> <li class="nav-item mb-2"><small><a class="nav-link p-0" href="/uk/social_media_privacy">Конфіденційність у соціальних мережах</a></small></li> <li class="nav-item mb-2"><small><a class="nav-link p-0" href="https://api.filmmakers.eu">Api</a></small></li> </ul> </div> </div> <div class="row"> <div class="col-12 col-xl-10 offset-xl-1"> <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center py-4 border-top"> <div class="logo logo-footer"></div> <div class="d-flex flex-row align-items-center mt-4 mt-md-0"> <span class="ms-auto fm-text-dark-emphasis"><small>© 2024 Filmmakers</small></span> <ul class="nav d-flex align-items-center"> <li class="ms-3"><a class="btn btn-secondary rounded-circle" target="_blank" rel="noopener nofollow" href="https://www.facebook.com/filmmakers.de"><i class="fab fa-facebook" title="Find us on Facebook"></i></a></li> <li class="ms-2"><a class="btn btn-secondary rounded-circle" target="_blank" rel="noopener nofollow" href="https://www.instagram.com/filmmakers.de_projekte"><i class="fab fa-instagram" title="Follow us on Instagram"></i></a></li> <li class="ms-3 d-none d-xl-block"><a target="_blank" rel="noopener nofollow" href="https://wearealbert.org/"><img alt="albert logo" height="30" src="https://assets.filmmakers.eu/assets/albert-logo-d8a971383bfbba4a5588c13cf366845ce1a8df9077d0ab8edf05baab18a2ac3d.png" /></a></li> <li class="ms-3"><a target="_blank" rel="noopener nofollow" href="https://tracking.naturebalance.net/ui/de/25T-BSC-569870/"><img alt="natureoffice logo" height="30" src="https://assets.filmmakers.eu/assets/natureoffice_tracking_logo-adc8832026198162f8e4d20258a713f4782e9c46a32195bcf1944674dcb82347.svg" /></a></li> </ul> </div> </div> </div> </div> </div> </footer> <link rel="stylesheet" crossorigin="anonymous" href="https://assets.filmmakers.eu/assets/fonts-3a888b3ac0f2c05659749d5288323183249c4882d4094e68c9875438386d9071.css" media="all" integrity="sha256-3k9g1EwVJyUXwtqxu9K4W7EQtY7Ws743c7T1bkEuvjk=" /> </body> </html>