代码：

<style type="text/css">.html{
    width: 1000px;
    height: 300px;
    margin-top:50px; margin-left:0px;/*绝对定位*//
}

.gif图{
margin:0px auto;
width:1000px;
height:300px;
-webkit-animation-name:'ripple';/*动画属性名*/
-webkit-animation-duration: 8s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率*/
-webkit-animation-delay: 1s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义infinite为无限次循环*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}

@keyframes ripple {
0% {opacity:0.6;
width:0px;
height:0px;
}
100% {
opacity: 1;
width:1000px;
height:200px;/*定义上下幅度*/
}
}
</style>
<div class="html">
<div class="gif图">&nbsp;</div>

<div style="margin-top:-100px;  margin-left:95px;">此处文字用播放器代码替换</div>
</div>

(注：您的设备不支持flash)