Я создаю сайт Wordpress с Divi и хочу включить видео, которые воспроизводятся один раз и останавливаются на последнем кадре.Как только я добавлю приведенный ниже код для выполнения этого, встроенное оформление видео и его контейнера не будет загружаться при загрузке страницы, в результате чего видео будет в неправильном месте и неправильного размера.
Однако корректный стиль загружается, когда я изменяю размер окна браузера, и все выглядит и функционирует идеально.
Я использовал инструменты разработчика Chrome, чтобы изучить проблему и отключить все встроенные стили, относящиеся квидео и, конечно же, это приводит к тому же неправильному макету, который я получаю при загрузке страницы.Кроме того, перезагрузка страницы с открытыми инструментами разработчика вообще не загружает HTML-видео.
<script>
(function($) {
$(document).ready(function() {
$('.no-loop').each(function() {
$(this).find('video').removeAttr('loop');
});
$('video').mediaelementplayer({
autoRewind: false
});
});
})(jQuery);
</script>
Этот код был предоставлен здесь: Как остановить видео в фоновом режиме Divi на последнем кадре .