Tenho um slide com 3 imagens e um vídeo que está no incio, preciso fazer com que o vídeo fique até o final, no entanto ele está passando para as próximas imagens e se vc clicar para voltar e exibir ele está passando. Existe alguma Tag em html para fazer um vídeo passar para a próxima imagem apenas quando o vídeo terminar?
<section class="mbr-slider mbr-section mbr-section__container carousel slide mbr-section-nopadding mbr-after-navbar"
data-ride="carousel" data-keyboard="false" data-wrap="true" data-interval="5000" id="slider-0">
<div>
<div>
<div>
<ol class="carousel-indicators">
<li data-app-prevent-settings="" data-target="#slider-0" data-slide-to="0" class="active"></li>
<li data-app-prevent-settings="" data-target="#slider-0" data-slide-to="1"></li>
<li data-app-prevent-settings="" data-target="#slider-0" data-slide-to="2"></li>
<li data-app-prevent-settings="" data-target="#slider-0" class="" data-slide-to="3"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="mbr-section mbr-section-hero carousel-item dark center mbr-section-full active"
data-bg-video-slide="false">
<source src="assets/images/PMBASIS_2018.mp4" type="video/mp4" autoplay muted loop></source>
<div class="mbr-table-cell">
<div class="mbr-overlay" style="opacity: 0.3;"></div>
<div class="container-slide container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h2 class="mbr-section-title display-1"><br>PM<br></h2>
<p class="mbr-section-lead lead"><strong></strong><br>
</p>
<div class="mbr-section-btn"><a href="pm converse/pmconverse.php" target="_blank" class="btn btn-lg btn-white btn-white-outline">ASSISTA<br>
</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="mbr-section mbr-section-hero carousel-item dark center mbr-section-full"
data-bg-video-slide="false"
style="background-image: url(assets/images/pm_converse.png);">
<div class="mbr-table-cell">
<div class="mbr-overlay" style="opacity: 0.4;"></div>
<div class="container-slide container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h2 class="mbr-section-title display-1"><br>PM CONVERSE</h2>
<p class="mbr-section-lead lead"><strong>Escritório de Projetos como serviço</strong><br>
</p>
<div class="mbr-section-btn"><a
href="pm converse/pmconverse.php"
target="_blank" class="btn btn-lg btn-white btn-white-outline">SAIBA MAIS<br>
</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="mbr-section mbr-section-hero carousel-item dark center mbr-section-full"
data-bg-video-slide="false"
style="background-image: url(assets/images/eXperience.png);">
<div class="mbr-table-cell">
<div class="mbr-overlay" style="opacity: 0.4;"></div>
<div class="container-slide container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h2 class="mbr-section-title display-1"><br>PM<br>eXperience</h2>
<p class="mbr-section-lead lead">Diminuímos o gap entre a academia e a prática, a teoria e a experiência. Conheça a proposta eXperience de formação.</p>
<div class="mbr-section-btn"><a
href="experience/experience.php"
target="_blank" class="btn btn-lg btn-success">CONHEÇA</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="mbr-section mbr-section-hero carousel-item dark center mbr-section-full"
data-bg-video-slide="false"
style="background-image: url(assets/images/parceiros.png);">
<div class="mbr-table-cell">
<div class="mbr-overlay" style="opacity: 0.5;"></div>
<div class="container-slide container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h2 class="mbr-section-title display-1"><br><br><br>PARCEIROS</h2>
<p class="mbr-section-lead lead">Conheça nossos novos parceiros da<br>jornada 2018 junto de nossos clientes.</p>
<div class="mbr-section-btn"><a
href="#parceiros"
target="_blank" class="btn btn-lg btn-info">SAIBA MAIS</a></div>
</div>
</div>
</div>
</div>
</div>
<a data-app-prevent-settings="" class="left carousel-control" role="button" data-slide="prev"
href="#slider-0">
<span class="icon-prev" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a data-app-prevent-settings="" class="right carousel-control" role="button" data-slide="next"
href="#slider-0">
<span class="icon-next" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
code
<section class="mbr-slider mbr-section mbr-section__container carousel slide mbr-section-nopadding mbr-after-navbar" data-ride="carousel" data-keyboard="false" data-wrap="true" data-interval="5000" id="slider-0"> <div>code