Test video overlay

This commit is contained in:
2021-08-05 13:28:42 +02:00
parent edf4104356
commit ca1b821c8d
7 changed files with 69 additions and 4 deletions

View File

@@ -83,7 +83,7 @@
<div class="container">
<div class="columns mb-2">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2">
<a href="" title="Guarda il video">
<a href="#open-vid" title="Guarda il video">
<img src="img/thumb_prologo.jpg" alt="Prologo">
</a>
</div>
@@ -99,8 +99,8 @@
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2">
<a href="" title="Guarda il video del viaggiatore">
<img src="img/fara_bg_3.jpg" alt="Viaggiatore #1">
<a href="#open-vid" title="Guarda il video del viaggiatore">
<img src="img/thumb_viaggiatore.jpg" alt="Viaggiatore #1">
</a>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
@@ -198,7 +198,7 @@
<div class="columns mb-2">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2">
<a href="" title="Guarda il video">
<img src="img/Thumbnail_Antonio.jpg" alt="I nobili di Fara">
<img src="img/thumb_nobili.jpg" alt="I nobili di Fara">
</a>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
@@ -235,6 +235,25 @@
</div>
</div>
</section>
<div class="modal modal-lg modal-fullheight" id="mod-vid">
<a href="#close" class="modal-overlay" aria-label="Close"></a>
<div class="modal-container">
<div class="modal-header">
<a href="#close" class="btn btn-clear float-right" title="Close" aria-label="Close"></a>
<div class="modal-title h5"></div>
</div>
<div class="modal-body">
<div class="content" id="mod-cont">
<video controls>
<source src="assets/video/vid_prologo.mp4" type="video/mp4">
Il browser non supporta i video integrati.
</video>
</div>
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</main>
<footer class="roboto">
<p id="copy">&copy; Avviso pubblico Beni Culturali e Turismo POR FESR Lazio 2014-2020</p>