</code> можна інтегрувати з наведеним нижче фрагментом. Код потрібно просто вставити у відповідне місце на сайті.</p> <turbo-frame id="iframe_form_showreel_156900"> <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/madalina-bellariu/showreels/156900/iframe">без автозапуску</a> <a class="btn btn-secondary" href="/uk/actors/madalina-bellariu/showreels/156900/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/madalina-bellariu/showreels/156900/iframe">прозорий</a> <a class="btn btn-secondary" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?background_color=fff">світло</a> <a class="btn btn-secondary" href="/uk/actors/madalina-bellariu/showreels/156900/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/madalina-bellariu/showreels/156900/iframe?iframe_locale=en">англійська</a></li><li><a class="dropdown-item" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=de">Німецький</a></li><li><a class="dropdown-item" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=fr">французька</a></li><li><a class="dropdown-item" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=it">італійська</a></li><li><a class="dropdown-item" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=es">Іспанська</a></li><li><a class="dropdown-item" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=pl">польський</a></li><li><a class="dropdown-item" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=ro">румунська</a></li><li><a class="dropdown-item active" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=uk">українська</a></li><li><a class="dropdown-item" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=ru">російський</a></li><li><a class="dropdown-item" href="/uk/actors/madalina-bellariu/showreels/156900/iframe?iframe_locale=tr">турецька</a></li></ul></div> <pre id="iframe_code_showreel_156900"><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/madalina-bellariu/video/156900?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 name="button" type="button" class="btn btn-light btn-primary" data-controller="clipboard" data-clipboard-target="#iframe_code_showreel_156900"><i class="fas fa-copy"></i><span class="fa5-text">Скопіюйте інструкції</span></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> <li class="nav-item mb-2"><a class="nav-link p-0" href="https://en.support.filmmakers.eu">FAQ</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="U7pwB4HGIEArMp7FgpltgMShl4YkX_GnXQbRm1qt0AtAPUyqb2axbtvew6WPfp8FnsPiA6_vpExwYp269vz82g" 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="r1UJ55Wrjjwgw-EK8wNDGRCFEhjdAcBoVeKc4slm07C80jVKewsfEtAvvGr-5LGcSudnnVaxlYN4htDDZTf_YQ" 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="9mmpXgdkjs0CGuJQCoxSL1-NZ52aRl532D_QdxlVvhbl7pXz6cQf4_L2vzAHa6CqBe8SGBH2C5z1W5xWtQSSxw" 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="GtNxjINWEBouOIANUW0PQKeTC-res_Wjfxt2EQlsNywJVE0hbfaBNN7U3W1civ3F_fF-b1UDoEhSfzowpT0b_Q" 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="qhW1mWd9PMKKJgu1ebkkhr6bV7jYm6fsINKjlRhbi6q5kok0id2t7HrKVtV0XtYD5PkiPVMr8gcNtu-0tAqnew" 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="qcgWasxzSZDef1pUCpEbajo5qqiue-_wFYh51A53WPC6TyrHItPYvi6TBzQHdunvYFvfLSXLuhs47DX1oiZ0IQ" 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="v-dmpsd3E_upl3FM111xu_Lg65wN_lKk0VzANQYthyKsYFoLKdeC1Vl7LCzauoM-qIKeGYZOB0_8OIwUqnyr8w" 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="vV1rKOQbNfpmMKeuFrzjXH656ReTSqNzRRhCToiyZVWu2leFCruk1Jbc-s4bWxHZJNuckhj69phofA5vJONJhA" 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="JsnmZqd5yJDOF350XjC6fbiyVqHoM8g9qe9L4pHYH_Y1TtrLSdlZvj77IxRT10j44tAjJGODndaEiwfDPYkzJw" 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="RQXuvKKMxxVrchY79qIttJTNXbpsHIE-q-Oxr-Kgc-tWgtIRTCxWO5ueS1v7Rd8xzq8oP-es1NWGh_2OTvFfOg" 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-f49073f5.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-0141c1d4.svg" /></a></li> </ul> </div> </div> </div> </div> </div> </footer> <link rel="stylesheet" crossorigin="anonymous" href="https://assets.filmmakers.eu/assets/fonts-95b761c9.css" media="all" /> </body> </html>