Как встроить видео YouTube с автозапуском в блоги или на веб-сайты

Хотите автоматически воспроизводить видео YouTube, встроенное на ваш сайт? В этом посте я покажу вам, как вставлять видео с автозапуском YouTube.

У YouTube есть множество видимых опций при воспроизведении видео, а также другие приемы с менее известными опциями, которые позволяют автоматически воспроизводить видео и вставлять их на свой веб-сайт.

Автоматическое воспроизведение видеороликов YouTube может иметь множество преимуществ, особенно если вы хотите встроить короткое видео на свой веб-сайт.

Автоматическое воспроизведение видео YouTube, встроенных в ваш сайт

Если вам нужно, чтобы какое-либо видео на YouTube начинало воспроизводиться, когда кто-то посещает вашу страницу, вам необходимо добавить параметр в код для встраивания.

Сначала перейдите к своему видео и нажмите на опцию Делитьсяа затем в Вставлять.

Там вы увидите код для встраивания, нажмите на кнопку Копировать:

Теперь вам понадобится следующий параметр в конце идентификатора видео (всегда перед кавычками): ?autoplay=1.

Это пример этого кода

</div> <script type="litespeed/javascript">window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:'yandex_rtb_R-A-1255610-3',blockId:'R-A-1255610-3'})})</script></div><p><em><script async src = » </script></em><br /> <em><скрипт> </em><br /> <em>функция onYouTubeIframeAPIReady() { </em><br /> <em> был игроком; </em><br /> <em> player = новый YT.Player('YouTubeAutoPlayChSilencio', { </em><br /> <em> идентификатор видео: ' </em><strong><em>8_4JtuuFVIQ</em></strong><em>', </em><br /> <em> анчо: 560, </em><br /> <em> альт: 315, </em><br /> <em> playerVars: { </em><br /> <em> автовоспроизведение: 1, </em><br /> <em> элементы управления: 1, </em><br /> <em> показатьинформацию: 0, </em><br /> <em> скромный брендинг: 1, </em><br /> <em> петля: 1, </em><br /> <em> фс: 1, </em><br /> <em> cc_load_policty: 0, </em><br /> <em> iv_load_policy: 3, </em><br /> <em> автоскрытие: 0, </em><br /> <em> плейлист: ' </em><strong><em>8_4JtuuFVIQ</em></strong><em>' // Здесь измените свой идентификатор видео </em><br /> <em>}, </em><br /> <em>события: { </em><br /> <em> onReady: функция (е) {</em><br /> <em> е.target.mute (); </em><br /> <em> } </em><br /> <em>} </em><br /> <em>}); </em><br /> <em>} </скрипт></em></p> <p>Вы также можете изменить другие настройки этого кода, например высоту и ширину, но будьте осторожны при изменении этих строк.</p> <p>Я надеюсь, что это руководство поможет вам встроить видео с YouTube в автозапуск. Если у вас есть другой способ сделать это, оставьте его в разделе комментариев, я уверен, что это будет полезно для сообщества.</p> <p>Спасибо за чтение</p> <p>Обязательно прочтите: как исправить ошибку «Попробуйте еще раз» (Play ID) на YouTube</p> <div class='code-block code-block-5' style='margin: 8px 0; clear: both;'>  <div id="yandex_rtb_R-A-3353419-2"></div> <script> window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ "blockId": "R-A-3353419-2", "renderTo": "yandex_rtb_R-A-3353419-2", "type": "feed" }) })</script></div></div><footer class="entry-footer"></footer></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://www.wowl.ru/ispravleno-vysokaja-zagruzka-cp-pri-izoljacii-grafiki-audioustrojstva-windows/" rel="prev"><div class="post-navigation-sub"><small><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-left-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28"><title>Назад</title><path d="M28 12.5v3c0 0.281-0.219 0.5-0.5 0.5h-19.5v3.5c0 0.203-0.109 0.375-0.297 0.453s-0.391 0.047-0.547-0.078l-6-5.469c-0.094-0.094-0.156-0.219-0.156-0.359v0c0-0.141 0.063-0.281 0.156-0.375l6-5.531c0.156-0.141 0.359-0.172 0.547-0.094 0.172 0.078 0.297 0.25 0.297 0.453v3.5h19.5c0.281 0 0.5 0.219 0.5 0.5z"></path> </svg></span>Назад</small></div>Исправлено: высокая загрузка ЦП при изоляции графики аудиоустройства Windows.</a></div><div class="nav-next"><a href="https://www.wowl.ru/kak-ispravit-otkljuchennye-urovni-zashhity-v-realnom-vremeni-malwarebytes/" rel="next"><div class="post-navigation-sub"><small>Далее<span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-right-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28"><title>Продолжить</title><path d="M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z"></path> </svg></span></small></div>Как исправить отключенные уровни защиты в реальном времени Malwarebytes</a></div></div></nav><div class="entry-related alignfull entry-related-style-wide"><div class="entry-related-inner content-container site-container"><div class="entry-related-inner-content alignwide"><h2 class="entry-related-title">Похожие записи</h2><div class="entry-related-carousel kadence-slide-init splide" data-columns-xxl="2" data-columns-xl="2" data-columns-md="2" data-columns-sm="2" data-columns-xs="2" data-columns-ss="1" data-slider-anim-speed="400" data-slider-scroll="1" data-slider-dots="true" data-slider-arrows="true" data-slider-hover-pause="false" data-slider-auto="false" data-slider-speed="7000" data-slider-gutter="40" data-slider-loop="true" data-slider-next-label="Далее" data-slider-slide-label="Записи" data-slider-prev-label="Назад"><div class="splide__track"><div class="splide__list grid-cols grid-sm-col-2 grid-lg-col-2"><div class="carousel-item splide__slide"><article class="entry content-bg loop-entry post-22010 post type-post status-publish format-standard has-post-thumbnail hentry category-todosobrewindows category-how-to"><div class="entry-content-wrap"><header class="entry-header"><h3 class="entry-title"><a href="https://www.wowl.ru/vernite-panel-instrumentov-rabochego-stola-xp-vista-dock-v-windows-7-2/" rel="bookmark">▷ Верните панель инструментов рабочего стола XP/Vista (Dock) в Windows 7 ◁</a></h3></header><footer class="entry-footer"></footer></div></article></div><div class="carousel-item splide__slide"><article class="entry content-bg loop-entry post-20449 post type-post status-publish format-standard has-post-thumbnail hentry category-todosobrewindows category-how-to"><div class="entry-content-wrap"><header class="entry-header"><h3 class="entry-title"><a href="https://www.wowl.ru/besplatnyj-komplekt-vosstanovlenija-s-rasshirennymi-instrumentami-dlja-windows/" rel="bookmark">Бесплатный комплект восстановления с расширенными инструментами для Windows ◁</a></h3></header><footer class="entry-footer"></footer></div></article></div><div class="carousel-item splide__slide"><article class="entry content-bg loop-entry post-22950 post type-post status-publish format-standard has-post-thumbnail hentry category-todosobrewindows category-how-to"><div class="entry-content-wrap"><header class="entry-header"><h3 class="entry-title"><a href="https://www.wowl.ru/obshhij-dostup-ne-rabotaet-v-windows-10/" rel="bookmark">Общий доступ не работает в Windows 10 ◁</a></h3></header><footer class="entry-footer"></footer></div></article></div><div class="carousel-item splide__slide"><article class="entry content-bg loop-entry post-17816 post type-post status-publish format-standard has-post-thumbnail hentry category-todosobrewindows category-how-to"><div class="entry-content-wrap"><header class="entry-header"><h3 class="entry-title"><a href="https://www.wowl.ru/problema-s-ogranichennym-podkljucheniem-k-wi-fi-resheno/" rel="bookmark">✅ Проблема с ограниченным подключением к Wi-Fi (РЕШЕНО)</a></h3></header><footer class="entry-footer"></footer></div></article></div><div class="carousel-item splide__slide"><article class="entry content-bg loop-entry post-11258 post type-post status-publish format-standard has-post-thumbnail hentry category-todosobrewindows category-how-to"><div class="entry-content-wrap"><header class="entry-header"><h3 class="entry-title"><a href="https://www.wowl.ru/kak-otpravljat-soobshhenija-whatsapp-s-raznymi-stiljami-shriftov/" rel="bookmark">Как отправлять сообщения WhatsApp с разными стилями шрифтов</a></h3></header><footer class="entry-footer"></footer></div></article></div><div class="carousel-item splide__slide"><article class="entry content-bg loop-entry post-22620 post type-post status-publish format-standard has-post-thumbnail hentry category-todosobrewindows category-how-to"><div class="entry-content-wrap"><header class="entry-header"><h3 class="entry-title"><a href="https://www.wowl.ru/kak-nastroit-temu-windows-7-podrobnoe-rukovodstvo/" rel="bookmark">▷ Как настроить тему Windows 7 (подробное руководство) ◁</a></h3></header><footer class="entry-footer"></footer></div></article></div></div></div></div></div></div></div><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/kak-vstroit-video-youtube-s-avtozapuskom-v-blogi-ili-na-veb-sajty/#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://www.wowl.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment comment-form-float-label"><textarea id="comment" name="comment" placeholder="Оставить комментарий..." cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea><label class="float-label" for="comment">Комментарий <span class="required">*</span></label></p><div class="comment-input-wrap no-url-field"><p class="comment-form-author"><input aria-label="Имя" id="author" name="author" type="text" placeholder="John Doe" value="" size="30" maxlength="245" aria-required='true' required='required' /><label class="float-label" for="author">Имя <span class="required">*</span></label></p><p class="comment-form-email"><input aria-label="Email" id="email" name="email" type="email" placeholder="john@example.com" value="" size="30" maxlength="100" aria-describedby="email-notes" aria-required='true' required='required' /><label class="float-label" for="email">Email <span class="required">*</span></label></p></div><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.</label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='17103' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="6b7573afa2" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="81"/><script type="litespeed/javascript">document.getElementById("ak_js_1").setAttribute("value",(new Date()).getTime())</script></p></form></div></div></div></main><aside id="secondary" role="complementary" class="primary-sidebar widget-area sidebar-slug-sidebar-primary sidebar-link-style-normal"><div class="sidebar-inner-wrap"><section id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://www.wowl.ru/"> <label> <span class="screen-reader-text">Найти:</span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Поиск" /><div class="kadence-search-icon-wrap"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-search-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28"><title>Поиск</title><path d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zM26 26c0 1.094-0.906 2-2 2-0.531 0-1.047-0.219-1.406-0.594l-5.359-5.344c-1.828 1.266-4.016 1.937-6.234 1.937-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-0.672 4.406-1.937 6.234l5.359 5.359c0.359 0.359 0.578 0.875 0.578 1.406z"></path> </svg></span></div></form></section><section id="ai_widget-2" class="widget block-widget ai-sticky-widget"><div class='code-block code-block-4' style='margin: 8px 0; clear: both;'><div id="yandex_rtb_R-A-3353419-1"></div> <script type="litespeed/javascript">window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({"blockId":"R-A-3353419-1","renderTo":"yandex_rtb_R-A-3353419-1"})})</script></div></section></div></aside></div></div></div><footer id="colophon" class="site-footer" role="contentinfo"><div class="site-footer-wrap"><div class="site-bottom-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default" data-section="kadence_customizer_footer_bottom"><div class="site-footer-row-container-inner"><div class="site-container"><div class="site-bottom-footer-inner-wrap site-footer-row site-footer-row-columns-1 site-footer-row-column-layout-row site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain"><div class="site-footer-bottom-section-1 site-footer-section footer-section-inner-items-1"><div class="footer-widget-area site-info site-footer-focus-item content-align-default content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="kadence_customizer_footer_html"><div class="footer-widget-area-inner site-info-inner"><div class="footer-html inner-link-style-normal"><div class="footer-html-inner"><p>© 2024 Wowl</p></div></div></div></div></div></div></div></div></div></div></footer></div><noscript><div> <img src="https://mc.yandex.ru/watch/73083781" style="position:absolute; left:-9999px;" alt=""/></div> </noscript> <script type="litespeed/javascript">document.documentElement.style.setProperty('--scrollbar-offset',window.innerWidth-document.documentElement.clientWidth+'px')</script> <a id="kt-scroll-up" tabindex="-1" aria-hidden="true" aria-label="Прокрутить вверх" href="#wrapper" class="kadence-scroll-to-top scroll-up-wrap scroll-ignore scroll-up-side-right scroll-up-style-outline vs-lg-true vs-md-true vs-sm-false"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-up-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Прокрутить вверх</title><path d="M5.707 12.707l5.293-5.293v11.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-11.586l5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-7-7c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-7 7c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path> </svg></span></a><button id="kt-scroll-up-reader" href="#wrapper" aria-label="Прокрутить вверх" class="kadence-scroll-to-top scroll-up-wrap scroll-ignore scroll-up-side-right scroll-up-style-outline vs-lg-true vs-md-true vs-sm-false"><span class="kadence-svg-iconset"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-up-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Прокрутить вверх</title><path d="M5.707 12.707l5.293-5.293v11.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-11.586l5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-7-7c-0.092-0.092-0.202-0.166-0.324-0.217s-0.253-0.076-0.383-0.076c-0.256 0-0.512 0.098-0.707 0.293l-7 7c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z"></path> </svg></span></button><div id="mobile-drawer" class="popup-drawer popup-drawer-layout-sidepanel popup-drawer-animation-fade popup-drawer-side-right" data-drawer-target-string="#mobile-drawer" ><div class="drawer-overlay" data-drawer-target-string="#mobile-drawer"></div><div class="drawer-inner"><div class="drawer-header"> <button class="menu-toggle-close drawer-toggle" aria-label="Закрыть меню" data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".menu-toggle-open" > <span class="toggle-close-bar"></span> <span class="toggle-close-bar"></span> </button></div><div class="drawer-content mobile-drawer-content content-align-left content-valign-top"><div class="site-header-item site-header-focus-item site-header-item-mobile-navigation mobile-navigation-layout-stretch-false" data-section="kadence_customizer_mobile_navigation"><nav id="mobile-site-navigation" class="mobile-navigation drawer-navigation drawer-navigation-parent-toggle-false" role="navigation" aria-label="Основная мобильная навигация"><div class="mobile-menu-container drawer-menu-container"><ul id="primary-menu" class="menu"></ul></div></nav></div></div></div></div> <script id="kadence-navigation-js-extra" type="litespeed/javascript">var kadenceConfig={"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"}</script> <script src="https://www.wowl.ru/wp-content/plugins/litespeed-cache/assets/js/instant_click.min.js?ver=6.2.0.1" id="litespeed-cache-js"></script> <script id="kadence-slide-init-js-extra" type="litespeed/javascript">var kadenceSlideConfig={"of":"\u0438\u0437","to":"\u043a","slide":"\u0421\u043b\u0430\u0439\u0434","next":"\u0414\u0430\u043b\u0435\u0435","prev":"\u041d\u0430\u0437\u0430\u0434"}</script> <script type="litespeed/javascript">ai_front={"insertion_before":"\u041f\u0415\u0420\u0415\u0414","insertion_after":"\u041f\u041e\u0421\u041b\u0415","insertion_prepend":"PREPEND CONTENT","insertion_append":"\u0414\u041e\u0411\u0410\u0412\u042c\u0422\u0415 \u0421\u041e\u0414\u0415\u0420\u0416\u0418\u041c\u041e\u0415","insertion_replace_content":"\u0417\u0410\u041c\u0415\u041d\u0418\u0422\u0415 \u041a\u041e\u041d\u0422\u0415\u041d\u0422","insertion_replace_element":"\u0417\u0410\u041c\u0415\u041d\u0418\u0422\u0415 \u042d\u041b\u0415\u041c\u0415\u041d\u0422","visible":"\u0412\u0418\u0414\u0418\u041c\u042b\u0419","hidden":"\u0421\u041a\u0420\u042b\u0422","fallback":"FALLBACK","automatically_placed":"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u0434\u0430 AdSense Auto","cancel":"\u041e\u0442\u043c\u0435\u043d\u0430","use":"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c","add":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c","parent":"\u0420\u043e\u0434\u0438\u0442\u0435\u043b\u044c","cancel_element_selection":"\u041e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u0432\u044b\u0431\u043e\u0440 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430","select_parent_element":"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442","css_selector":"CSS \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440","use_current_selector":"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440","element":"\u042d\u041b\u0415\u041c\u0415\u041d\u0422","path":"\u041f\u0423\u0422\u042c","selector":"\u0421\u0415\u041b\u0415\u041a\u0422\u041e\u0420"};!function(){var e=function(t,i){function s(){this.q=[],this.add=function(e){this.q.push(e)};var e,t;this.call=function(){for(e=0,t=this.q.length;e<t;e++)this.q[e].call()}}function o(e,t){return e.currentStyle?e.currentStyle[t]:window.getComputedStyle?window.getComputedStyle(e,null).getPropertyValue(t):e.style[t]}function n(e,t){if(e.resizedAttached){if(e.resizedAttached)return void e.resizedAttached.add(t)}else e.resizedAttached=new s,e.resizedAttached.add(t);e.resizeSensor=document.createElement("div"),e.resizeSensor.className="resize-sensor";var i="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;",n="position: absolute; left: 0; top: 0; transition: 0s;";e.resizeSensor.style.cssText=i,e.resizeSensor.innerHTML='<div class="resize-sensor-expand" style="'+i+'"><div style="'+n+'"></div></div><div class="resize-sensor-shrink" style="'+i+'"><div style="'+n+' width: 200%; height: 200%"></div></div>',e.appendChild(e.resizeSensor),{fixed:1,absolute:1}[o(e,"position")]||(e.style.position="relative");var d,r,l=e.resizeSensor.childNodes[0],c=l.childNodes[0],h=e.resizeSensor.childNodes[1],a=(h.childNodes[0],function(){c.style.width=l.offsetWidth+10+"px",c.style.height=l.offsetHeight+10+"px",l.scrollLeft=l.scrollWidth,l.scrollTop=l.scrollHeight,h.scrollLeft=h.scrollWidth,h.scrollTop=h.scrollHeight,d=e.offsetWidth,r=e.offsetHeight});a();var f=function(){e.resizedAttached&&e.resizedAttached.call()},u=function(e,t,i){e.attachEvent?e.attachEvent("on"+t,i):e.addEventListener(t,i)},p=function(){e.offsetWidth==d&&e.offsetHeight==r||f(),a()};u(l,"scroll",p),u(h,"scroll",p)}var d=Object.prototype.toString.call(t),r="[object Array]"===d||"[object NodeList]"===d||"[object HTMLCollection]"===d||"undefined"!=typeof jQuery&&t instanceof jQuery||"undefined"!=typeof Elements&&t instanceof Elements;if(r)for(var l=0,c=t.length;l<c;l++)n(t[l],i);else n(t,i);this.detach=function(){if(r)for(var i=0,s=t.length;i<s;i++)e.detach(t[i]);else e.detach(t)}};e.detach=function(e){e.resizeSensor&&(e.removeChild(e.resizeSensor),delete e.resizeSensor,delete e.resizedAttached)},"undefined"!=typeof module&&"undefined"!=typeof module.exports?module.exports=e:window.ResizeSensor=e}();window.jQuery&&window.jQuery.fn&&function(d){d.fn.theiaStickySidebar=function(m){function q(c,h){if(!0===c.initialized)return!0;if(d("body").width()<c.minWidth)return!1;x(c,h);return!0}function x(c,h){c.initialized=!0;0===d("#theia-sticky-sidebar-stylesheet-"+c.namespace).length&&d("head").append(d('<style id="theia-sticky-sidebar-stylesheet-'+c.namespace+'">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>'));h.each(function(){function k(){b.fixedScrollTop=0;b.sidebar.css({"min-height":"1px"});b.stickySidebar.css({position:"static",width:"",transform:"none"})}function n(a){var f=a.height();a.children().each(function(){f=Math.max(f,d(this).height())});return f}var b={};b.sidebar=d(this);b.options=c||{};b.container=d(b.options.containerSelector);0==b.container.length&&(b.container=b.sidebar.parent());b.sidebar.parents().css("-webkit-transform","none");b.sidebar.css({position:b.options.defaultPosition,overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"});b.stickySidebar=b.sidebar.find(".theiaStickySidebar");if(0==b.stickySidebar.length){var y=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;b.sidebar.find("script").filter(function(a,f){return 0===f.type.length||f.type.match(y)}).remove();b.stickySidebar=d("<div>").addClass("theiaStickySidebar").append(b.sidebar.children());b.sidebar.append(b.stickySidebar)}b.marginBottom=parseInt(b.sidebar.css("margin-bottom"));b.paddingTop=parseInt(b.sidebar.css("padding-top"));b.paddingBottom=parseInt(b.sidebar.css("padding-bottom"));var r=b.stickySidebar.offset().top,t=b.stickySidebar.outerHeight();b.stickySidebar.css("padding-top",1);b.stickySidebar.css("padding-bottom",1);r-=b.stickySidebar.offset().top;t=b.stickySidebar.outerHeight()-t-r;0==r?(b.stickySidebar.css("padding-top",0),b.stickySidebarPaddingTop=0):b.stickySidebarPaddingTop=1;0==t?(b.stickySidebar.css("padding-bottom",0),b.stickySidebarPaddingBottom=0):b.stickySidebarPaddingBottom=1;b.previousScrollTop=null;b.fixedScrollTop=0;k();b.onScroll=function(a){if(a.stickySidebar.is(":visible"))if(d("body").width()<a.options.minWidth)k();else if(a.options.disableOnResponsiveLayouts&&a.sidebar.outerWidth("none"==a.sidebar.css("float"))+50>a.container.width())k();else{var f=d(document).scrollTop(),l="static";if(f>=a.sidebar.offset().top+(a.paddingTop-a.options.additionalMarginTop)){var g=a.paddingTop+c.additionalMarginTop,u=a.paddingBottom+a.marginBottom+c.additionalMarginBottom,p=a.sidebar.offset().top,e=a.sidebar.offset().top+n(a.container);l=0+c.additionalMarginTop;g=a.stickySidebar.outerHeight()+g+u<d(window).height()?l+a.stickySidebar.outerHeight():d(window).height()-a.marginBottom-a.paddingBottom-c.additionalMarginBottom;p=p-f+a.paddingTop;u=e-f-a.paddingBottom-a.marginBottom;e=a.stickySidebar.offset().top-f;var v=a.previousScrollTop-f;"fixed"==a.stickySidebar.css("position")&&"modern"==a.options.sidebarBehavior&&(e+=v);"stick-to-top"==a.options.sidebarBehavior&&(e=c.additionalMarginTop);"stick-to-bottom"==a.options.sidebarBehavior&&(e=g-a.stickySidebar.outerHeight());e=0<v?Math.min(e,l):Math.max(e,g-a.stickySidebar.outerHeight());e=Math.max(e,p);e=Math.min(e,u-a.stickySidebar.outerHeight());l=(p=a.container.height()==a.stickySidebar.outerHeight())||e!=l?p||e!=g-a.stickySidebar.outerHeight()?f+e-a.sidebar.offset().top-a.paddingTop<=c.additionalMarginTop?"static":"absolute":"fixed":"fixed"}"fixed"==l?(g=d(document).scrollLeft(),a.stickySidebar.css({position:"fixed",width:w(a.stickySidebar)+"px",transform:"translateY("+e+"px)",left:a.sidebar.offset().left+parseInt(a.sidebar.css("padding-left"))-g+"px",top:"0px"})):"absolute"==l?(g={},"absolute"!=a.stickySidebar.css("position")&&(g.position="absolute",g.transform="translateY("+(f+e-a.sidebar.offset().top-a.stickySidebarPaddingTop-a.stickySidebarPaddingBottom)+"px)",g.top="0px"),g.width=w(a.stickySidebar)+"px",g.left="",a.stickySidebar.css(g)):"static"==l&&k();"static"!=l&&1==a.options.updateSidebarHeight&&a.sidebar.css({"min-height":a.stickySidebar.outerHeight()+a.stickySidebar.offset().top-a.sidebar.offset().top+a.paddingBottom});a.previousScrollTop=f}};b.onScroll(b);d(document).on("scroll."+b.options.namespace,function(a){return function(){a.onScroll(a)}}(b));d(window).on("resize."+b.options.namespace,function(a){return function(){a.stickySidebar.css({position:"static"});a.onScroll(a)}}(b));"undefined"!==typeof ResizeSensor&&new ResizeSensor(b.stickySidebar[0],function(a){return function(){a.onScroll(a)}}(b))})}function w(c){try{var h=c[0].getBoundingClientRect().width}catch(k){}"undefined"===typeof h&&(h=c.width());return h}m=d.extend({containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,disableOnResponsiveLayouts:!0,sidebarBehavior:"modern",defaultPosition:"relative",namespace:"TSS"},m);m.additionalMarginTop=parseInt(m.additionalMarginTop)||0;m.additionalMarginBottom=parseInt(m.additionalMarginBottom)||0;(function(c,h){q(c,h)||(console.log("TSS: Body width smaller than options.minWidth. Init is delayed."),d(document).on("scroll."+c.namespace,function(k,n){return function(b){q(k,n)&&d(this).unbind(b)}}(c,h)),d(window).on("resize."+c.namespace,function(k,n){return function(b){q(k,n)&&d(this).unbind(b)}}(c,h)))})(m,this);return this}}(jQuery);var sticky_widget_mode=1,sticky_widget_margin=15,ai_block_class_def="code-block";"undefined"!=typeof sticky_widget_mode&&function(d){"complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll?d():document.addEventListener("DOMContentLiteSpeedLoaded",d)}(function(){var d=function(){var e=document.body.clientWidth;document.querySelectorAll(".ai-sticky-widget").forEach((b,a)=>{if(2==sticky_widget_mode)a=b.querySelector("."+ai_block_class_def),null!=a&&(a.style.position="sticky",a.style.position="-webkit-sticky",a.style.top=sticky_widget_margin+"px"),a=b.querySelector(".ai-sticky-space"),null!=a&&(a.style.height=window.innerHeight+"px");else{var c=b.clientWidth,f=!1;for(a=b.parentElement;"BODY"!=a.tagName;){if(a.classList.contains("theiaStickySidebar")){f=!0;break}var g=a.parentElement,h=g.clientWidth;if(h>1.2*c||h>e/2)break;a=g}if(!f)if(c=a.getBoundingClientRect(),b=b.getBoundingClientRect(),b=c.top-b.top+sticky_widget_margin,0==sticky_widget_mode){if("sticky"!=a.style.position||isNaN(parseInt(a.style.top))||a.style.top<b)if(a.style.position="sticky",a.style.position="-webkit-sticky",a.style.top=b+"px","undefined"==typeof ai_no_sticky_sidebar_height)for(b=a;"BODY"!=b.tagName;)if(b=b.parentElement,(b.clientWidth>1.5*a.clientWidth||b.clientWidth>e/2)&&b.clientHeight>a.clientHeight){c=b.clientHeight;a.parentElement.style.height=c+"px";a.parentElement.style.height=c-(b.clientHeight-c)+"px";break}}else 1==sticky_widget_mode&&(window.jQuery&&window.jQuery.fn?jQuery(a).theiaStickySidebar({additionalMarginTop:b,sidebarBehavior:"stick-to-top"}):console.error("AI STICKY WIDGET MODE Javascript USES jQuery","- jQuery not found"))}})};"undefined"==typeof ai_sticky_sidebar_delay&&(ai_sticky_sidebar_delay=200);setTimeout(function(){d()},ai_sticky_sidebar_delay)});ai_js_code=!0</script> <script data-no-optimize="1">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://www.wowl.ru/wp-content/litespeed/js/e41cd739ae8f03639f35975daea1453e.js?ver=94df0"></script><script>const litespeed_ui_events=["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script></body></html>