Video Serale

* {margin:0; padding:0;} .container {width:80%; margin:80px auto;} .container h1 {padding:60px 0; color:#555; font-size:44px; font-family: titillium; text-align:center;} .row {display:flex; align-items:center; flex-wrap: wrap} .col {flex-basis:50%; min-width:250px} .feature-img {width:83%; margin:auto; position:relative; border-radius: 6px; overflow: hidden;} .small-img-row {display:flex; background: #efefef; margin:20px 0; align-items:center; border-radius: 6px; overflow: hidden; width:85%} .small-img-row p {margin-left: 20px;color: #707070; line-height: 22px; font-size: 15px;} .small-img {position:relative} .small-img img {width:150px} .play-btn {width: 60px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50% ); cursor: pointer;} .small-img .play-btn {width: 35px} .video-player { width: 80%; position: fixed; left: 10%; top: 10%; transform: translate (-50%, -50%); display:none; z-index:3;} video:focus {outline:none} .close-btn { position: absolute; top: 10px; right: 10px; width: 30px; cursor: pointer;} .vd {width:380px; float:left} .vd2 {width:570px; float:left} Congiu - Libre d'etre Cozzolino - Cerchio Reitano - Hymn to innovation Somma - Video Ambiente Ghiretti - Diritti Accalai - Interruzioni Tecchiati - Montaggio Tecchiati - Arrivo tram Mereuta - Gente di Baloon Sabato - Il Giorno Dopo Ieri Palmisano - Is There Anybody Out There Cozzolino - Videoarte Congiu - Oltre Fiorucci - Videoarte Farina - Il ragazzo lettore Mereuta - Videoart Venturin - L'insofferenza Somma - British Rain var videoPlayer = document.getElementById("videoPlayer"); var myVideo= document.getElementById("myVideo"); function stopVideo () { videoPlayer.style.display = "none"; myVideo.src = ""; } function playVideo(file) { myVideo.src = file; videoPlayer.style.display = "block"; }