I've embedded videos into my page; I want them to have no controls, autoplay and loop. It seems to work in my code editor – Espresso. However in Chrome and Safari the first frame is still (unless I enable controls and press play).
Could anybody explain why? Code below.
<video class='videoplayer' autoplay="autoplay" loop preload="metadata"><source
src="work/2.MP4" type="video/mp4"></video>
CSS:
.videoplayer {
width: 500px;
animation: 20s;
-moz-animation: fadein 2s; /* Firefox */
-webkit-animation: fadein 2s; /* Safari and Chrome */
-o-animation: fadein 2s; /* Opera */
