View source for Template:VideoBx

<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>