项目是想要给视频加一个浮层
然后用到了 animation
为了让浏览器适应 写了4个
#action
{
width:200px;
height:100px;
/background:red;/
position:relative;
/margin:0 auto;/
animation:myfirst 10s 999999999999;
-moz-animation: :myfirst 10s 999999999999;
-webkit-animation: :myfirst 10s 999999999999;
-o-animation: :myfirst 10s 999999999999;
/infinite alternate/
}
#id_test_video
{
max-width:600px;
margin:0 auto;
}
#id_test_video video
{
max-width:100%;
}
.vcp-fullscreen-toggle
{
display: none;
}
@keyframes myfirst
{
0% {margin:0;opacity: 1;}
50%{margin:300px;opacity: 1;}
100% {margin:0;opacity: 1;}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {margin:0;opacity: 1;}
50%{margin:300px;opacity: 1;}
100% {margin:0;opacity: 1;}
}
@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0% {margin:0;opacity: 1;}
50%{margin:300px;opacity: 1;}
100% {margin:0;opacity: 1;}
}
@-o-keyframes myfirst /* Opera */
{
0% {margin:0;opacity: 1;}
50%{margin:300px;opacity: 1;}
100% {margin:0;opacity: 1;}
}