Есть блок с тегом видео, в котором через скрипт меняется src
.
$('#btn_1').on('click', function() {
$('#MainFrame')[0].src = 'video1.mp4';
});
$('#btn_2').on('click', function() {
$('#MainFrame')[0].src = 'video2.mp4';
});
$('#btn_3').on('click', function() {
$('#MainFrame')[0].src = 'video3.mp4';
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="videoWRP" class="video-container">
<video id="MainFrame" src="video.mp4" preload controls playsinline autobuffer></video>
<br>
<button class='play'>Play/pause</button>
<div class="btnWRP">
<button id="btn_1" class="btn">Сценарий 1</button>
<button id="btn_2" class="btn">Сценарий 2</button>
<button id="btn_3" class="btn">Сценарий 3</button>
</div>
</div>
Вопрос, как по клику добавить autoplay
для тега video
?