Vai al contenuto

Lezione 8 – Drupal e Bootstrap

*** LEZIONE 8 ***
Visualizza il VIDEO in STREAMING…

CLICCA PER ACCEDERE ALLA LEZIONE


*** importante*** copiare e incollare il codice su un programma di testo semplice come ad esempio blocco note di Windows e successivamente copiare e incollare sulle posizione richieste. Questo permette al codice di mantenere una formattazione pulita.

Codice da aggiungere nel blocco personalizzato “video”

<div class=”header-unit”>
<div id=”video-container”>
<video autoplay=”” class=”fillWidth” loop=””><source src=”movie.mp4″ type=”video/mp4″ /> <source src=”movie.ogg” type=”video/ogg” /> <source src=”movie.webm” type=”video/webm” /> Your browser does not support the video tag. I suggest you upgrade your browser.</video>
</div>
</div>


Codice da aggiungere nel codice style.css

.header-unit {
height: 400px;
min-width:100%;
min-height:100%;
border: 2px solid #000;
border-right:none;
border-left: none;
position: relative;
padding: 20px;
}
#video-container {
position: absolute;
}
#video-container {
top:0%;
left:0%;
height:100%;
width:100%;
overflow: hidden;
}
video {
position:absolute;
z-index:-1;
}
video.fillWidth {
width: 100%;
}

.content_titolo {
margin-bottom: 24px;
color: rgb(39,39,39);
font-size: 44px;
z-index:1000;
color: #ffffff;
}
Chiedi info x lezioni online o siti web!