HTML Видео YouTube
❮ Предыдущий Далее ❯
Самый простой способ воспроизводить видео в формате HTML — использовать YouTube.
Проблемы с форматами видео?
Преобразование видео в другие форматы может быть сложным и занимать много времени.
Более простое решение — позволить YouTube воспроизводить видео на вашей веб-странице.
Идентификатор видео YouTube
YouTube будет отображать идентификатор (например, tgbNymZ7vqY) при сохранении (или воспроизведении) видео.
Вы можете использовать этот идентификатор и ссылаться на свое видео в HTML-коде.
Воспроизведение видео с YouTube в формате HTML
Чтобы воспроизвести видео на веб-странице, выполните следующие действия:
- Загрузите видео на YouTube
- Запишите идентификатор видео .
- Определите элемент
- Пусть атрибут
src
указывает на URL видео - Используйте ширину
атрибуты height
для указания размера игрока - Добавить любые другие параметры к URL (см. ниже)
Пример
src=»https://www.youtube.com/embed/tgbNymZ7vqY»>
Попробуйте сами »
YouTube Autoplay + Mute
9
видео начинает воспроизводиться автоматически, когда пользователь посещает страницу, добавив
autoplay=1
к URL-адресу YouTube.
Однако автоматический запуск видео раздражает ваших посетителей!Примечание. Браузеры Chromium не разрешить автозапуск в большинстве случаев. Однако приглушенный автозапуск всегда разрешен.
Добавить mute=1
после autoplay=1
, чтобы ваше видео начинало воспроизводиться автоматически (но без звука).
YouTube – Автовоспроизведение + Отключение звука
src=»https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1″>
Попробуйте сами »
Список воспроизведения YouTube
Разделенный запятыми список видео для воспроизведения (в дополнение к исходному URL-адресу).
Цикл YouTube
Добавить loop=1
, чтобы ваше видео зацикливалось вечно.
Значение 0 (по умолчанию): видео воспроизводится только один раз.
Значение 1: Видео будет зацикливаться (навсегда).
YouTube — Loop
src=»https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1″>
Попробуйте сами »
8 Элементы управления YouTube
Добавьте control=0
, чтобы не отображать элементы управления в
видео-плеер.
Значение 0: Элементы управления проигрывателем не отображаются.
Значение 1 (по умолчанию): Плеер управляет дисплеем.
YouTube — Элементы управления
src=»https://www.youtube.com/embed/tgbNymZ7vqY?controls=0″>
Попробуйте сами »
❮ Предыдущая Далее ❯
НОВИНКА
Мы только что запустили
Видео W3Schools
Узнать
ВЫБОР ЦВЕТА
КОД ИГРЫ
Играть в игру
Top Tutorials
Учебник по HTMLУчебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3. CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
2 Top 9 Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery
Основные примеры
Примеры HTMLПримеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
| О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.
Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.
HTML5 Плагин Youtube Player для WordPress
Детали приложения
Просто вставьте видео Youtube с пользовательским HTML5 Player как видео или аудио
Как использовать
HTML5 Youtube Video очень прост в использовании. Просто поместите шоркод [varvideo]ссылку на видео на YouTube[/varvideo] в свой пост или на страницу, куда вы хотите встроить видео.
вы также можете контролировать размер видео с двумя параметрами.
[varvideo width=»500px» height=»300px»]ссылка на видео на YouTube[/varvideo]
или вы также можете использовать % в качестве размера.
например:
[varvideo width=»80%» height=»60%»]ссылка на видео на YouTube[/varvideo]
Начиная с версии 1.0.1 вы можете получить доступ к другому параметру с именем «type»;
Для встраивания в виде видео: [varvideo width=”80%” height=”60%” type=”video”]ссылка на видео YouTube[/varvideo]
Для встраивания в виде аудио: [varvideo width=”80%” height= ”60%” type=»audio»]ссылка на видео на YouTube[/varvideo]
значение параметра «type» по умолчанию — «video»;
Шорткод и параметр
Шорткод: [varvedeo][varvideo]
Параметры:
Поддержка
Для любого типа поддержки Отправьте запрос здесь:
http://vargrid. com
Цены
Начиная с $0 в месяц.
Плагин Ultimate Restaurant Menu Flip Cards
От Common Ninja
Попробуйте бесплатно!
Приложение Информация
Рейтинг
Рецензенты
Нет обзоров
Tags
Audiocustomhtml5playeryouryoutube
разработаны jabedbd