Знакомимся с различными способами и сервисами (youtube, vimeo и т.д.) добавления видео на страницу сайта.

Vimeo

<iframe src="https://player.vimeo.com/video/130903027" width="500" height="500" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

YOUTUBE

<iframe width="500" height="500" src="https://www.youtube.com/embed/BeaW2qq8wAk" frameborder="0" allowfullscreen></iframe>

attachment

[video width="1280" height="720" mp4="/wp-content/uploads/2015/12/Victorias-Secret-Knockout-HD.mp4"][ /video]

или без шорткода

<video width="600" height="400" controls="controls" src="/wp-content/uploads/2018/12/books_2.mp4"><source type="video/mp4" src="/wp-content/uploads/2018/12/books_2.mp4"></video>

Убрать управляющие элементы видео:

.mejs-controls {
	display: none !important;
	visibility: hidden !important;
}

Старт / пауза видео с помощью jQuery

$('#sample_video').trigger('play'); 

$('#sample_video').trigger('pause');

//общий тег для всех видео
$('video').trigger('play');

Автозапуск video

С 2018 года в браузерах запрещен автозапуск видео со звуком. Можно автозапускать видео с парметром muted.

Запустить видео с помощью jQuery также не получится — т.к. браузер считает что не было действий со стороны пользователя и считает как обход запрета (failed because the user didn’t interact with the document first).

Единственным способ автозапустить видео со звуком является размещение на youtube и размещение видео в iframe с autoplay в url.

Поделиться в соц. сетях: