Changes
no edit summary
<div style="display: inline-block; float:left; margin:0.5em; padding: 0.8em;">
<html>
<head>
</head>
<article class="video articolo">
<p class="titolo"><b>Introduction</b></p>
<div id="videoBox" class="box">
<video id="11" style="
-webkit-box-shadow: 6px 6px 75px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 75px -8px rgba(0,0,0,0.75);
box-shadow: 6px 6px 75px -8px rgba(0,0,0,0.75);
" class="preroll video-js vjs-default-skin vjs-big-play-centered" preload="auto" controls width="299" height="200" poster="https://it.masticationpedia.org/images/8/82/Videospot.png" controlsList="nodownload">
<source src="https://en.masticationpedia.org/images/0/0a/Introduction_to_Masticationpedia.mp4" type="video/mp4" />
</video>
</div>
</article>
<style media="screen">
#videoBox.out {
position: fixed;
bottom: 30px;
right: 30px;
width: 375px;
z-index: 999;
animation: an 0.5s;
}
#videoBox.in {
animation: ac 1s;
}
#videoBox.out .video-js {
height: 225px;
width: 100%;
}
</style>
</article>
</html>
</div>
<html>
<head>
</head>
<article class="video articolo">
<p class="titolo"><b>Introduction</b></p>
<div id="videoBox" class="box">
<video id="11" style="
-webkit-box-shadow: 6px 6px 75px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 75px -8px rgba(0,0,0,0.75);
box-shadow: 6px 6px 75px -8px rgba(0,0,0,0.75);
" class="preroll video-js vjs-default-skin vjs-big-play-centered" preload="auto" controls width="299" height="200" poster="https://it.masticationpedia.org/images/8/82/Videospot.png" controlsList="nodownload">
<source src="https://en.masticationpedia.org/images/0/0a/Introduction_to_Masticationpedia.mp4" type="video/mp4" />
</video>
</div>
</article>
<style media="screen">
#videoBox.out {
position: fixed;
bottom: 30px;
right: 30px;
width: 375px;
z-index: 999;
animation: an 0.5s;
}
#videoBox.in {
animation: ac 1s;
}
#videoBox.out .video-js {
height: 225px;
width: 100%;
}
</style>
</article>
</html>
</div>