HTML5-video - autoplay

by Slava

HTML

<video controls muted>
  <source src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
</video>
<div>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros urna, euismod vitae scelerisque id, rutrum ac nunc. Praesent et porta tellus, non scelerisque nisi. Proin sed dui vehicula massa malesuada pretium at sed purus. Proin lobortis nibh nec urna cursus viverra pulvinar vitae justo. Aenean finibus velit tortor. Sed vel ex quis magna fermentum egestas. Quisque viverra at nunc cursus ullamcorper. Etiam laoreet dolor vel est volutpat ullamcorper. Aliquam vitae porttitor dolor. Nulla orci libero, sodales non ultricies sit amet, venenatis eu nulla. Aliquam vitae justo orci.
</div>

    <video controls muted>
      <source src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
    </video>
<ul>
  <li>

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros urna, euismod vitae scelerisque id, rutrum ac nunc. Praesent et porta tellus, non scelerisque nisi. Proin sed dui vehicula massa malesuada pretium at sed purus. Proin lobortis nibh nec urna cursus viverra pulvinar vitae justo. Aenean finibus velit tortor. Sed vel ex quis magna fermentum egestas. Quisque viverra at nunc cursus ullamcorper. Etiam laoreet dolor vel est volutpat ullamcorper. Aliquam vitae porttitor dolor. Nulla orci libero, sodales non ultricies sit amet, venenatis eu nulla. Aliquam vitae justo orci.
    </li>
    <li>
    Ut quis risus consequat, finibus tellus eu, volutpat sem. In molestie finibus eros, eget commodo lorem. Vestibulum ullamcorper nisi eget faucibus vulputate. Curabitur accumsan odio non enim fermentum convallis. Aliquam eros est, scelerisque faucibus elementum vitae, sodales nec lectus. Ut commodo lacinia urna quis congue. Mauris vel velit sodales, tempus mauris tempus, semper metus. In sit amet ligula eget dolor dignissim euismod vel non quam. Fusce vel ipsum et quam imperdiet tincidunt quis...

CSS

video{
  width: 400px; 
  float: right;
  z-index:999;
}

ul{
  list-style: disc;
  padding-left: 30px;
}

li, div{
  background: rgba(255,100,100,0.5);
  position: relative;
  z-index:-1;
}
ul{z-index:-1;}