Как сделать автовоспроизведения видео без звука?

Question

[khomaldi]

Здравствуйте. Есть несколько видео весом от 0.5мб до 2мб. Хочу встроить их в страничке и сделать autoplay loop muted. Браузеры блокируют автовоспроизведение, особенно на iphone.

Если конвертировать видео в гиф, то получаются файлы до 10мб весом.

Воспроизведение через js с помощью слушателей scroll не работает :(

Подскажите, пожалуйста, что можно сделать?

Answer 1

[Stalker_RED]

Как сделать отложенную загрузку видео-фона сайта?

Answer 2

[Александр Осадчий]

Вот, делал когда-то
Link (Не реаклама)

HTML

<video autoplay loop class="fullwidth" muted>
	        <source src="src/video.webm" type="video/webm">
	        <source src="src/video.mp4" type="video/mp4">
        </video>
		<div id="mute" class="btn"></div>

jQuery

if ($("video").prop('muted', true)){
    $("#mute").css("background-image","url(./src/muted.svg)");
}

$("#mute").click( function (){
    if( $("video").prop('muted') ) {
        $("video").prop('muted', false);
    } else {
        $("video").prop('muted', true);
        $("#mute").css("background-image","url(./src/muted.svg)");
    }
});

И здесь немного про autoplay для IOS

Ну и со стилями - я думаю справитесь)