How to insert video in website background
Posted by Petre Sosa on 2 November, 2013 under [ HTML(5)/CSS(3), JavaScript, jQuery, Tricks ]
No comments yet
First you will need
- jwplayer – in this exemple will be 6.6 version – http://www.jwplayer.com/
- jQuery – I used http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js
Full Screen Set up
<style type="text/css"> MAI MULT …
.jwrapbuttons {
max-width: 330px;
margin: 0 auto;
}
.jwbutton {
font-weight: bold;
font-size: 26px;
padding: 10px 30px;
border: 2px solid #ff0000;
color: #ff0000;
display: inline-block;
text-decoration: none;
margin: 50px 10px;
background: rgba(255, 0, 0, 0.3);
}
.videobgelement {
position: fixed !important;
z-index: -1;
top: 0;
left: 0;
}
</style>