Вы когда-нибудь задумывались о том, как создать книгу в формате epub с разделами? Ведь именно этот формат является одним из самых популярных для электронных книг, обеспечивая удобство чтения на разных устройствах.
Создание epub книги процесс несложный, но требует некоторых базовых знаний и умений. Чтобы помочь вам освоить этот метод, мы разработали пошаговый гайд, который подробно объяснит, как создать epub книгу с разделами.
Шаг 1: Подготовка контента
Перед началом процесса создания epub книги необходимо подготовить контент. Это может быть как текст, так и изображения, таблицы, графики и другие элементы, которые вы хотите включить в свою книгу. Предварительно проверьте, что все файлы находятся в соответствующих форматах и качестве.
Теперь, когда ваш контент готов, вы можете перейти к следующему шагу.
При создании epub книги с разделами важно выбрать подходящий формат для вашего проекта. Всего несколько форматов широко используются для создания электронных книг, каждый из которых имеет свои особенности и преимущества.
Один из самых распространенных форматов — EPUB (Electronic Publication). Он является стандартным форматом для большинства современных устройств, таких как электронные книги, планшеты и смартфоны. EPUB поддерживает множество функций, таких как оглавление, перелистывание страниц, настраиваемые шрифты и многое другое. Важно отметить, что данный формат поддерживается большинством популярных платформ, включая iOS, Android и Windows.
Кроме EPUB, также можно использовать формат MOBI (Mobipocket), который является основным форматом для Kindle устройств. MOBI имеет некоторые отличия от EPUB, включая ограничения на шрифты и форматирование. Если ваша целевая аудитория в основном использует Kindle устройства, то формат MOBI может быть предпочтительнее.
Также можно рассмотреть формат PDF (Portable Document Format), который является универсальным форматом для документов. PDF хорошо подходит для сохранения оригинального форматирования и расположения элементов страницы. Однако, PDF может быть менее удобным для чтения на маленьких экранах и не имеет некоторых функций, таких как динамическое оглавление и перелистывание страниц.
Важно учитывать особенности вашего контента и целевой аудитории при выборе формата. Если у вас есть графический контент или сложное форматирование, то PDF может быть наилучшим вариантом. Если вы хотите иметь больше возможностей для настройки, то EPUB может быть предпочтительным. Если вы создаете книгу специально для Kindle устройств, то формат MOBI будет наиболее подходящим.
Итак, перед тем как приступить к созданию epub книги с разделами, внимательно продумайте выбор подходящего формата и учтите целевую аудиторию вашего проекта.
Перед тем как создавать epub книгу, необходимо подготовить контент, который будет входить в книгу, а также определить метаданные, которые будут отображаться о книге.
Для начала, необходимо составить текст книги, размещая его в отдельных разделах или главах. Каждый раздел необходимо оформить отдельным файлом и соответствующим заголовком.
Текст книги должен быть структурирован, с использованием заголовков и подзаголовков, чтобы читателю было удобно ориентироваться в книге.
Кроме того, можно использовать различные типы текстового оформления для выделения важных моментов, такие как выделение жирным () или курсивом ().
После того как контент книги подготовлен, следует задать метаданные книги, которые будут отображаться о книге. Они включают в себя информацию о заголовке книги, авторе, издателе и других деталях.
Метаданные можно задать с помощью специального раздела в HTML-файле книги, который называется «metadata». В этом разделе указываются соответствующие теги (
, <author>, <publisher> и др.), в которых указываются соответствующие значения.</p><p>Также в метаданных можно указать обложку книги, которая будет отображаться на устройствах чтения. Обложку можно добавить в виде отдельного изображения, указав его путь относительно HTML-файла книги.</p><p>После того как контент и метаданные книги подготовлены, можно приступать к созданию epub файла, с использованием специальных инструментов или программ. Готовый epub файл можно открыть на устройствах чтения или публиковать в электронных библиотеках.</p><h2 id="strukturirovanie-knigi-na-razdely">Структурирование книги на разделы</h2><p>Для структурирования книги на разделы следует использовать заголовки различного уровня. В epub формате для обозначения разделов обычно используются теги <b><h1></b>, <b><h2></b>, <b><h3></b> и так далее. Заголовок самого высокого уровня (<b><h1></b>) обычно используется для обозначения названия книги.</p><p>Разделы книги могут быть организованы в виде глав, подглав, разделов и подразделов. Для обозначения списков разделов и подразделов можно использовать теги <b><ul></b> и <b><li></b>. Списки могут быть упорядоченными (<b><ol></b>) или неупорядоченными (<b><ul></b>).</p><p>Выбор способа структурирования книги на разделы зависит от ее содержания и структуры. Важно помнить, что разделы должны быть логически связаны между собой и образовывать единое целое.</p><p>Чтобы обеспечить удобство в навигации по книге, можно использовать ссылки на разделы. Для создания ссылок можно использовать тег <b><a></b>. Например, чтобы создать ссылку на раздел с id «chapter1», можно использовать следующий код: <b><a href=»#chapter1″>раздел 1</a></b>.</p><p>Структурирование книги на разделы играет важную роль в создании epub книги. Тщательно продумывая и организуя разделы, можно создать книгу, которая будет удобной для чтения и навигации, а также привлекательной для читателей.</p><h2 id="sozdanie-soderzhaniya-i-glavnyh-zagolovkov">Создание содержания и главных заголовков</h2><p>Содержание можно создать в начале книги, после титульного листа. Для этого используется тег <strong><nav></strong>. Внутри этого тега создаются ссылки на разделы книги, каждая ссылка имеет свой номер и заголовок.</p><p>Главными заголовками в epub книге являются теги <strong><h1></strong>, <strong><h2></strong> и т.д. Обычно главный заголовок книги оформляется с помощью тега <strong><h1></strong>, а подзаголовки с помощью тега <strong><h2></strong>. Если в книге есть еще подразделы, можно использовать теги <strong><h3></strong> и т.д.</p><p>При создании содержания необходимо использовать тег <strong><ol></strong> для оформления нумерованного списка и <strong><ul></strong> для оформления маркированного списка. Каждая ссылка в содержании должна быть обернута в тег <strong><li></strong>.</p><p>Помимо основного содержания, можно добавить дополнительные материалы, такие как введение, аннотацию, послесловие и др. Эти разделы следует описать в содержании в соответствующих местах с использованием тегов <strong><h2></strong> или <strong><h3></strong>.</p><p>Не забывайте, что содержание — это лишь указатель на разделы книги, и его необходимо обновлять при внесении изменений или добавлении новых разделов. Это поможет читателям быстро ориентироваться в содержании и находить нужную информацию.</p><h2 id="oformlenie-teksta-i-ispolzovanie-stiley">Оформление текста и использование стилей</h2><p>Для начала, следует проставить заголовки различных уровней. Заголовки помогут структурировать текст и сделать его более понятным. Начните каждый раздел с соответствующего тега заголовка, например, <code><h3></code> для третьего уровня заголовка.</p><p>Также, рекомендуется использовать абзацы для разделения текста на отдельные блоки. Для этого используйте тег <code><p></code>. Он поможет сделать текст более читаемым и удобным для восприятия читателем.</p><p>Если вам необходимо создать список, то используйте теги <code><ul></code> (ненумерованный) или <code><ol></code> (нумерованный). Для каждого элемента списка используйте тег <code><li></code>.</p><p>Например, ниже приведен пример использования списка:</p><ul><li>Пункт списка 1</li><li>Пункт списка 2</li><li>Пункт списка 3</li></ul><p>Оформление текста и использование стилей является важным аспектом создания epub книги. Правильное использование тегов и стилей поможет сделать вашу книгу более читабельной и привлекательной для читателей.</p><h2 id="vstavka-izobrazheniy-i-multimedia">Вставка изображений и мультимедиа</h2><p>Для вставки изображений в текст можно использовать тег <strong><img></strong>. Этот тег позволяет указать путь к изображению и определить его параметры, такие как ширина и высота. Например, чтобы вставить изображение «image.jpg» размером 300 пикселей по ширине и 200 пикселей по высоте, нужно использовать следующий код:</p><p><strong><img src=»image.jpg» width=»300″ height=»200″></strong></p><p>При необходимости можно также добавить атрибуты alt и title, чтобы предоставить описание изображения или его подпись, соответственно. Например:</p><p><strong><img src=»image.jpg» alt=»Описание изображения» title=»Подпись к изображению»></strong></p><p>Для вставки мультимедиа-элементов, таких как видео или аудио, можно использовать теги <strong><video></strong> и <strong><audio></strong>. Эти теги позволяют указать источник мультимедиа-файла, его тип и другие параметры.</p><p>Например, для вставки видеофайла «video.mp4» в книгу можно использовать следующий код:</p><p><strong><video src=»video.mp4″ controls></video></strong></p><p>Тег <strong><audio></strong> работает по аналогии с тегом <strong><video></strong>. Ниже приведен пример использования тега <strong><audio></strong> для вставки аудиофайла «audio.mp3» с контролами:</p><p><strong><audio src=»audio.mp3″ controls></audio></strong></p><p>Убедитесь, что файлы изображений и мультимедиа, которые вы хотите вставить, находятся в директории с файлами книги и правильно указаны в соответствующих тегах. Также учтите, что некоторые устройства или программы для чтения epub могут не поддерживать некоторые форматы мультимедиа.</p><h2 id="proverka-i-konvertatsiya-v-epub-format">Проверка и конвертация в epub формат</h2><p>После создания контента и разделения его на главы и разделы, необходимо проверить качество текста и правильность форматирования перед конвертацией в epub формат.</p><p>Первым шагом следует внимательно прочитать каждый раздел и исправить все опечатки и грамматические ошибки. Для этого можно воспользоваться автоматическими проверками орфографии и грамматики, а также просмотреть текст в режиме превью, чтобы увидеть его визуальное отображение.</p><p>При проверке форматирования нужно убедиться, что заголовки выделены с помощью тега <strong>h1</strong> для основного заголовка книги и <strong>h2</strong> для заголовков глав и разделов. Каждый раздел должен быть отделен разделителем и иметь понятную структуру.</p><p>Также следует обратить внимание на цитаты, выделенные с помощью тега <em>blockquote</em>, и ссылки, которые должны быть явно обозначены и иметь работоспособные URL-адреса.</p><p>После завершения проверки и исправления ошибок, можно приступать к конвертации текста в epub формат. Для этого существуют специализированные инструменты, которые позволяют создавать epub файлы из HTML-кода. Некоторые из этих инструментов также предоставляют возможность настраивать оформление книги, добавлять обложку и другие элементы дизайна.</p><p>При выполнении конвертации в epub формат необходимо следовать рекомендациям и требованиям, указанных в документации выбранного инструмента. После завершения процесса конвертации следует проверить полученный epub файл на наличие ошибок и соответствие требованиям формата.</p><p>В результате правильной проверки и конвертации текста в epub формат, вы получите готовую электронную книгу, которую можно загрузить на устройства чтения электронных книг или опубликовать в интернете для доступа к ней другим пользователям.</p><div class="fpm_end"></div></div></article><div class="rating-box"><div class="rating-box__header">Оцените статью</div><div class="wp-star-rating js-star-rating star-rating--score-0" data-post-id="118014" data-rating-count="0" data-rating-sum="0" data-rating-value="0"><span class="star-rating-item js-star-rating-item" data-score="1"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="2"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="3"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="4"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span><span class="star-rating-item js-star-rating-item" data-score="5"><svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="i-ico"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class="ico-star"></path></svg></span></div></div><div class="entry-social"><div class="social-buttons"><span class="social-button social-button--vkontakte" data-social="vkontakte" data-image=""></span><span class="social-button social-button--telegram" data-social="telegram"></span><span class="social-button social-button--odnoklassniki" data-social="odnoklassniki"></span><span class="social-button social-button--twitter" data-social="twitter"></span><span class="social-button social-button--sms" data-social="sms"></span><span class="social-button social-button--whatsapp" data-social="whatsapp"></span><span class="social-button social-button--pinterest" data-social="pinterest" data-url="https://proogorodik.ru/blog/posagovoe-rukovodstvo-sozdanie-epub-knigi-s-razdelami-po-standartam/" data-title="Пошаговое руководство — создание epub книги с разделами по стандартам" data-description="Вы когда-нибудь задумывались о том, как создать книгу в формате epub с разделами? Ведь именно этот формат является одним из самых популярных для электронных книг, обеспечивая удобство чтения на разных устройствах. Создание epub книги процесс несложный, но требует некоторых базовых знаний и умений. Чтобы помочь вам освоить этот метод, мы разработали пошаговый гайд, который подробно […]" data-image=""></span></div></div><meta itemprop="author" content="admin"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://proogorodik.ru/blog/posagovoe-rukovodstvo-sozdanie-epub-knigi-s-razdelami-po-standartam/" content="Пошаговое руководство — создание epub книги с разделами по стандартам"><div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" style="display: none;"><meta itemprop="name" content="proogorodik.ru"><meta itemprop="telephone" content="proogorodik.ru"><meta itemprop="address" content="https://proogorodik.ru/blog"></div></main></div><aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"><div class="sticky-sidebar js-sticky-sidebar"><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="Q_sidebar"></div></div></div></div></aside><div id="related-posts" class="related-posts fixed"><div class="related-posts__header">Вам также может понравиться</div><div class="post-cards post-cards--vertical"><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://proogorodik.ru/blog/statistika-propushhennyx-golov-vratarya-legendy-lva-yasina-neprevzoidennaya-rekordnaya-proizvoditelnost-vratarya-i-ee-vliyanie-na-isxody-matcei/">Статистика пропущенных голов вратаря-легенды Льва Яшина — непревзойденная рекордная производительность вратаря и ее влияние на исходы матчей</a></div><div class="post-card__description">Лев Иванович Яшин был не просто вратарем, он был настоящим</div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://proogorodik.ru/blog/yaselnaya-gruppa-opredelennye-gosudarstvom-normativy-i-zestkie-ograniceniya-na-kolicestvo-detei/">Ясельная группа — определенные государством нормативы и жесткие ограничения на количество детей</a></div><div class="post-card__description">Ясельная группа — это особое место, где малыши</div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://proogorodik.ru/blog/skolko-zivut-yastreb-i-losad-sravnenie-prodolzitelnosti-zizni-ptic-i-mlekopitayushhix/">Сколько живут ястреб и лошадь — сравнение продолжительности жизни птиц и млекопитающих</a></div><div class="post-card__description">Продолжительность жизни – одна из самых фундаментальных</div></div><div class="post-card post-card--related post-card--thumbnail-no"><div class="post-card__title"><a href="https://proogorodik.ru/blog/yashherica-tainstvennyi-master-ozidaniya-smerti-strategii-i-taktiki-kotorye-pozvolyayut-zertvam-bessilno-soprotivlyatsya/">Ящерица — таинственный мастер ожидания смерти — стратегии и тактики, которые позволяют жертвам бессильно сопротивляться</a></div><div class="post-card__description">Ящерицы — это невероятные существа, способные</div></div></div></div></div></div><div class="site-footer-container "><footer id="colophon" class="site-footer site-footer--style-gray full"><div class="site-footer-inner fixed"><div class="footer-widgets footer-widgets-3"><div class="footer-widget"><div id="nav_menu-3" class="widget widget_nav_menu"><div class="widget-header">Про сайт</div><div class="menu-about_menu-container"><ul id="menu-about_menu" class="menu"><li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://proogorodik.ru/blog/kontakty/">Контакты</a></li><li id="menu-item-65" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65"><a href="/sitemap_index.xml">Карта сайта</a></li></ul></div></div></div><div class="footer-widget"><div id="wpshop_widget_articles-2" class="widget widget_wpshop_widget_articles"><div class="widget-header">Популярные записи</div><div class="widget-articles"><article class="post-card post-card--small"><div class="post-card__body"><div class="post-card__title"><a href="https://proogorodik.ru/blog/klyuc-k-vyzivaniyu-v-mire-crysis-3-kak-proroku-udalos-ostatsya-v-zivyx/">Ключ к выживанию в мире Crysis 3 — как пророку удалось остаться в живых</a></div></div></article><article class="post-card post-card--small"><div class="post-card__body"><div class="post-card__title"><a href="https://proogorodik.ru/blog/kak-pravilno-ispolzovat-sredstvo-fiziceskogo-vospitaniya-poleznye-sovety-i-rekomendacii/">Как правильно использовать средство физического воспитания — полезные советы и рекомендации</a></div></div></article><article class="post-card post-card--small"><div class="post-card__body"><div class="post-card__title"><a href="https://proogorodik.ru/blog/vo-skolko-nedel-delayut-2-kesarevo-secenie-optimalnyi-srok-operacii/">Во сколько недель делают 2 кесарево сечение — оптимальный срок операции</a></div></div></article><article class="post-card post-card--small"><div class="post-card__body"><div class="post-card__title"><a href="https://proogorodik.ru/blog/sopli-pri-vetryanke-priciny-i-effektivnoe-lecenie-u-detei/">Сопли при ветрянке — причины и эффективное лечение у детей</a></div></div></article></div></div></div><div class="footer-widget"><div id="nav_menu-4" class="widget widget_nav_menu"><div class="widget-header">Cookie</div><div class="menu-cookie_menu-container"><ul id="menu-cookie_menu" class="menu"><li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-66"><a rel="privacy-policy" href="https://proogorodik.ru/blog/privacy-policy/">Политика конфиденциальности</a></li><li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="https://proogorodik.ru/blog/soglashenie/">Соглашение (пользовательское)</a></li></ul></div></div></div></div><div class="footer-bottom"><div class="footer-info"> © 2024 proogorodik.ru</div></div></div></footer></div></div> <script>document.addEventListener("copy", (event) => {var pagelink = "\nИсточник: https://proogorodik.ru/blog/posagovoe-rukovodstvo-sozdanie-epub-knigi-s-razdelami-po-standartam";event.clipboardData.setData("text", document.getSelection() + pagelink);event.preventDefault();});</script><script type="text/javascript" id="reboot-scripts-js-extra">var settings_array = {"rating_text_average":"\u0441\u0440\u0435\u0434\u043d\u0435\u0435","rating_text_from":"\u0438\u0437","lightbox_display":"1","sidebar_fixed":"1"};
var wps_ajax = {"url":"https:\/\/proogorodik.ru\/blog\/wp-admin\/admin-ajax.php","nonce":"fdbc7121fb"};</script> <script>window.lazyLoadOptions = {
elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",
data_src: "lazy-src",
data_srcset: "lazy-srcset",
data_sizes: "lazy-sizes",
class_loading: "lazyloading",
class_loaded: "lazyloaded",
threshold: 300,
callback_loaded: function(element) {
if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) {
if (element.classList.contains("lazyloaded") ) {
if (typeof window.jQuery != "undefined") {
if (jQuery.fn.fitVids) {
jQuery(element).parent().fitVids();
}
}
}
}
}};
window.addEventListener('LazyLoad::Initialized', function (e) {
var lazyLoadInstance = e.detail.instance;
if (window.MutationObserver) {
var observer = new MutationObserver(function(mutations) {
var image_count = 0;
var iframe_count = 0;
var rocketlazy_count = 0;
mutations.forEach(function(mutation) {
for (i = 0; i < mutation.addedNodes.length; i++) {
if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') {
return;
}
if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') {
return;
}
images = mutation.addedNodes[i].getElementsByTagName('img');
is_image = mutation.addedNodes[i].tagName == "IMG";
iframes = mutation.addedNodes[i].getElementsByTagName('iframe');
is_iframe = mutation.addedNodes[i].tagName == "IFRAME";
rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');
image_count += images.length;
iframe_count += iframes.length;
rocketlazy_count += rocket_lazy.length;
if(is_image){
image_count += 1;
}
if(is_iframe){
iframe_count += 1;
}
}
} );
if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){
lazyLoadInstance.update();
}
} );
var b = document.getElementsByTagName("body")[0];
var config = { childList: true, subtree: true };
observer.observe(b, config);
}
}, false);</script><script data-no-minify="1" async src="https://proogorodik.ru/blog/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script> <script defer src="https://proogorodik.ru/blog/wp-content/cache/autoptimize/js/autoptimize_8719a8fcc817f74da642350c845eb2cd.js"></script></body></html>