Создание электронной книги на компьютере — полное руководство с лучшими инструментами, шаг за шагом

Из года в год все больше людей обращается к электронным книгам, предпочитая их печатным изданиям. Однако, чтобы создать собственную электронную книгу, вам может понадобиться помощь специализированных инструментов. В этом полном руководстве мы рассмотрим наиболее эффективные способы создания электронной книги на компьютере, а также дадим рекомендации по использованию лучших инструментов.

Первым шагом при создании электронной книги является выбор формата. Большинство пользователей предпочитают формат ePub, так как он совместим с большинством устройств, в том числе с различными ридерами электронных книг и планшетами. Однако, если ваша целевая аудитория использует определенный тип устройств, вам может потребоваться создать книгу в другом формате, таком как PDF или MOBI.

Когда выбран формат, можно приступать к созданию содержания книги. При написании текста следует обратить внимание на его качество и читабельность. Используйте ясный и доступный язык, подкрепленный наглядными примерами. Также важно учесть оформление текста: правильный выбор шрифта и его размер, разделение на главы и разделы, использование картинок и графиков.

Создание электронной книги: важные аспекты

1. Форматирование текста. Одним из первых шагов в создании электронной книги является правильное форматирование текстового контента. Важно уделять особое внимание выбору шрифта и его размеру, разбивке текста на главы и разделы, использованию списков и заголовков. Это поможет читателям легко ориентироваться в книге и улучшит их впечатление от чтения.

2. Иллюстрации и графика. Иллюстрации и графика являются важными элементами электронной книги, которые помогают визуально оформить текст и дать читателю более полное понимание содержания. Важно выбирать качественные иллюстрации, правильно их располагать в тексте и соотносить с описанием в книге.

3. Навигация. Один из наиболее важных аспектов создания электронной книги — это обеспечение удобной навигации для читателей. Возможности перехода между разделами, удобное меню или содержание, наличие гиперссылок — все это способствует удобству использования книги. Также необходимо учесть совместимость формата книги с различными устройствами чтения.

4. Компиляция и публикация. После создания электронной книги важно скомпилировать ее в нужный формат, такой как EPUB или MOBI. Затем можно использовать различные платформы для публикации книги, такие как Kindle Direct Publishing или Smashwords. Постарайтесь следовать рекомендациям платформы, чтобы ваша книга успешно прошла процесс проверки и была доступна широкой аудитории.

Выбор лучших инструментов для создания электронной книги

Создание электронной книги на компьютере требует использования правильных инструментов, которые помогут вам создать профессионально оформленный и удобочитаемый текст. Вот несколько лучших инструментов, которые вы можете использовать для создания своей электронной книги.

1. Текстовый редактор: Один из самых важных инструментов, которые вам понадобятся для создания электронной книги, — это текстовый редактор. Хорошим вариантом может быть программное обеспечение, такое как Microsoft Word или Google Docs, которые обеспечат удобство и функциональность для создания и форматирования текста.

2. Конвертер в формат электронной книги: После создания текста вам понадобится инструмент для преобразования его в электронный формат книги, такой как EPUB или MOBI. Calibre — это одно из наиболее распространенных программных решений, которое позволит вам легко конвертировать текстовые файлы в формат электронной книги.

3. Редактор CSS: Чтобы придать вашей электронной книге профессиональный вид, вы можете использовать CSS-редактор для настройки внешнего вида и стиля. Рекомендуется использовать программное обеспечение, такое как Adobe Dreamweaver или Sublime Text, чтобы получить полный контроль над дизайном.

4. Графический редактор: Если вам нужно добавить иллюстрации, обложку или другие визуальные элементы в вашу электронную книгу, вам понадобится графический редактор. Adobe Photoshop или GIMP — это отличные инструменты для редактирования и создания графики.

5. Форматирование и верстка: Чтобы создать профессионально оформленную электронную книгу, полезно использовать инструменты для форматирования и верстки. Adobe InDesign или Sigil предоставят вам возможность создать красивую и структурированную электронную книгу с использованием разных шрифтов, стилей и макетов.

Выбор правильных инструментов является ключевым для создания электронной книги, которая будет приятна для чтения и привлекательна для читателей. Рассмотрите эти инструменты и выберите те, которые наилучшим образом соответствуют вашим потребностям и предпочтениям.

Разработка обложки и дизайна электронной книги

При разработке обложки электронной книги нужно помнить о следующих важных моментах:

• Выбор подходящего изображения, которое отражает тему книги и привлекает внимание.
• Использование читаемого и привлекательного шрифта для заголовка и автора.
• Учет особенностей платформы, на которой будет отображаться электронная книга.
• Размещение информации о книге, такой как название, автор, краткое описание и отзывы, на обложке.

Важно помнить, что обложка электронной книги должна быть привлекательной и информативной, чтобы заинтересовать потенциальных читателей и вызвать их желание прочитать книгу. При выборе изображения и шрифта следует обращать внимание на их соответствие тематике книги и создавать гармоничный и привлекательный дизайн.

Оптимизация контента для электронной книги

Одним из основных аспектов оптимизации контента является правильное форматирование текста. При создании электронной книги необходимо учитывать, что основное чтение будет происходить на экране компьютера или электронного устройства. Поэтому контент необходимо адаптировать для удобного чтения на таком типе устройств.

Основными правилами форматирования текста для электронной книги являются:

Кроме форматирования текста, также необходимо оптимизировать размеры изображений, вставляемых в электронную книгу. Изображения должны быть сжаты до оптимального размера, чтобы не занимать слишком много места и не замедлять загрузку книги.

Важно также обратить внимание на использование цветов в книге. Пользовательские устройства различны по возможностям отображения цветов, поэтому необходимо выбирать цвета, которые хорошо читаемы на разных устройствах.

Оптимизация контента для электронной книги является неотъемлемой частью ее создания. Следование правилам форматирования текста, оптимизация изображений и выбор правильных цветов помогут создать качественную и удобочитаемую книгу, которую с удовольствием будет читать аудитория.

Форматирование и структурирование текста

Перед началом форматирования текста рекомендуется определить структуру книги — разделить ее на главы, параграфы и подразделы. Это можно сделать с помощью тегов h1, h2 и h3. Заголовки глав позволяют читателям ориентироваться в книге и быстро найти нужную информацию.

Для выделения важной информации или особых моментов можно использовать тег strong для создания жирного текста и тег em для создания курсива. Это помогает подчеркнуть ключевые моменты и сделать текст более выразительным.

Каждый параграф следует оформлять отдельным тегом . Это облегчает чтение текста и делает его более понятным для читателей.

Запомните, что форматирование текста в электронной книге важно не только для улучшения пользовательского опыта, но и для повышения качества книги в целом. Правильное структурирование и форматирование текста позволяет создать привлекательный и удобочитаемый продукт, который будет приятно использовать и читать.

Создание интерактивных элементов для электронной книги

1. Гиперссылки: добавление гиперссылок позволяет читателям получать дополнительную информацию об определенных темах или перейти к другим разделам книги. Для создания гиперссылок в HTML вы можете использовать теги текст ссылки. Например: Посетите наш сайт.

2. Интерактивные изображения: вы можете сделать изображения в вашей книге интерактивными, добавив на них ссылки или интерактивные элементы, которые реагируют на нажатия или наведение курсора. Для этого вы можете использовать тег с атрибутом usemap, который указывает на карту изображения (

) с определенными областями, на которые можно нажать. Например: , где

.

3. Встраивание мультимедиа: вы можете добавлять в свою электронную книгу аудио и видеофайлы, анимации и другие мультимедийные элементы. Для встраивания мультимедиа в HTML вы можете использовать соответствующие элементы, такие как

4. Формы: вы можете добавить формы в свою электронную книгу, что позволит читателям отправлять комментарии или отвечать на вопросы. Для создания форм в HTML вы можете использовать элементы

, , и другие. Например:<form action="submit.php" method="post">…</form><p>.</p><p>5. Интерактивные диаграммы и графики: если ваша книга содержит графики, диаграммы или любые другие визуальные представления данных, вы можете добавить интерактивные элементы, которые позволят читателям взаимодействовать с ними. Для этого вы можете использовать JavaScript и библиотеки, такие как d3.js или Chart.js.</p><p>В завершение, использование интерактивных элементов в вашей электронной книге может значительно улучшить ее качество и привлекательность для читателей. Используйте описанные в данном разделе инструменты и подходы, чтобы добавить интерактивность и сделать вашу книгу более интересной и полезной.</p><h2 id="protsess-sozdaniya-elektronnoy-knigi">Процесс создания электронной книги</h2><p><strong>1. Идея.</strong> Начните с определения темы или сюжета вашей книги. Выберите интересующую вас тематику и определите целевую аудиторию.</p><p><strong>2. Планирование.</strong> Разделите вашу книгу на главы или разделы, чтобы организовать материал. Создайте план содержания, который поможет вам сохранить структуру и логику книги.</p><p><strong>3. Написание текста.</strong> Начните писать текст вашей книги, следуя плану содержания. Используйте четкий и лаконичный язык, чтобы ваше сообщение легко читалось и понималось.</p><p><strong>4. Визуализация.</strong> Разместите иллюстрации, фотографии или графику в книге, чтобы сделать ее более привлекательной и наглядной. Убедитесь, что изображения соответствуют вашей теме и помогают иллюстрировать ваше сообщение.</p><p><strong>5. Редактирование и корректировка.</strong> Внимательно перечитайте и отредактируйте свою книгу, проверьте грамматику, пунктуацию и орфографию. Убедитесь, что ваш текст логичен и связан.</p><p><strong>6. Форматирование.</strong> Отформатируйте свою книгу, используя HTML-теги и стили, чтобы обеспечить четкое и привлекательное оформление. Добавьте заголовки, абзацы, выделенные тексты и другие структурные элементы.</p><p><strong>7. Конвертация в формат электронной книги.</strong> Используйте специальные инструменты и программы для конвертации вашего текста и изображений в форматы электронных книг, такие как EPUB или PDF.</p><p><strong>8. Тестирование.</strong> Протестируйте свою электронную книгу на различных устройствах и программных платформах, чтобы убедиться, что она выглядит и работает должным образом.</p><p><strong>9. Публикация.</strong> Выберите платформы и сервисы для публикации вашей электронной книги. Загрузите ее на сайты, книжные магазины или распространите в цифровом виде.</p><p>Следуя этим шагам, вы сможете создать электронную книгу на компьютере с использованием лучших инструментов. Не забывайте, что творческий процесс требует времени и усилий, но результаты могут быть впечатляющими, особенно когда ваша книга становится доступной для миллионов читателей по всему миру.</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="110590" 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/wiki/sozdanie-elektronnoi-knigi-na-kompyutere-polnoe-rukovodstvo-s-lucsimi-instrumentami-sag-za-sagom/" data-title="Создание электронной книги на компьютере — полное руководство с лучшими инструментами, шаг за шагом" data-description="Из года в год все больше людей обращается к электронным книгам, предпочитая их печатным изданиям. Однако, чтобы создать собственную электронную книгу, вам может понадобиться помощь специализированных инструментов. В этом полном руководстве мы рассмотрим наиболее эффективные способы создания электронной книги на компьютере, а также дадим рекомендации по использованию лучших инструментов. Первым шагом при создании электронной книги […]" data-image=""></span></div></div><meta itemprop="author" content="admin"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://proogorodik.ru/wiki/sozdanie-elektronnoi-knigi-na-kompyutere-polnoe-rukovodstvo-s-lucsimi-instrumentami-sag-za-sagom/" content="Создание электронной книги на компьютере — полное руководство с лучшими инструментами, шаг за шагом"><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/wiki"></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/wiki/yarkie-momenty-i-skandalnye-epizody-igry-cto-gde-kogda-razoblacaem-skandaly/">Яркие моменты и скандальные эпизоды игры «Что? Где? Когда?» — разоблачаем скандалы</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/wiki/yaroslav-evdokimov-zdravstvui-lucse-cem-proshhai-minusovka-originalnyi-minus-tekst-pesni-i-podborka-minusovok-yaroslav-evdokimov/">Ярослав Евдокимов Здравствуй лучше чем прощай минусовка — оригинальный минус, текст песни и подборка минусовок — Ярослав Евдокимов</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/wiki/yasli-sad-ili-sad-yasli-kak-vybrat-lucsee-dlya-vasego-rebenka/">Ясли-сад или сад-ясли как выбрать лучшее для вашего ребенка</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/wiki/yasnoe-ponimanie-rebusov-resaem-skanvord-na-8-bukv/">Ясное понимание ребусов — решаем сканворд на 8 букв</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/wiki/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/wiki/mozno-li-est-mango-s-koricnevym-vnutrennim-cvetom-razbiraemsya-s-pravdoi/">Можно ли есть манго с коричневым внутренним цветом? Разбираемся с правдой!</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/wiki/podklyucenie-resivera-k-plazmennomu-televizoru-5-optimalnyx-sposobov/">Подключение ресивера к плазменному телевизору — 5 оптимальных способов</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/wiki/kak-nastroit-tp-link-router-dlya-mts-podrobnaya-posagovaya-instrukciya/">Как настроить TP-Link роутер для МТС — подробная пошаговая инструкция</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/wiki/kak-prigotovit-myagkii-i-pysnyi-mannik-proverennye-recepty-i-sekrety-vkusnogo-domasnego-deserta/">Как приготовить мягкий и пышный манник — проверенные рецепты и секреты вкусного домашнего десерта</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/wiki/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/wiki/soglashenie/">Соглашение (пользовательское)</a></li></ul></div></div></div></div><div class="footer-bottom"><div class="footer-info"> © 2025 proogorodik.ru</div></div></div></footer></div></div> <script>document.addEventListener("copy", (event) => {var pagelink = "\nИсточник: https://proogorodik.ru/wiki/sozdanie-elektronnoi-knigi-na-kompyutere-polnoe-rukovodstvo-s-lucsimi-instrumentami-sag-za-sagom";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\/wiki\/wp-admin\/admin-ajax.php","nonce":"b9623afb78"};</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/wiki/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/wiki/wp-content/cache/autoptimize/js/autoptimize_8719a8fcc817f74da642350c845eb2cd.js"></script></body></html>