您的位置:首页 > 其它

播放功能

2016-07-21 15:56 369 查看
@-webkit-keyframes rotate {
0%,
100% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
0%,
100% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
0%,
100% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
0%,
100% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
}
}
@keyframes rotate {
0%,
100% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}


#play_btn.playing{

-moz-animation: rotate 4s linear infinite;
-webkit-animation: rotate 4s linear infinite;
-o-animation: rotate 4s linear infinite;
-ms-animation: rotate 4s linear infinite;
animation: rotate 4s linear infinite;
}


var audio = document.createElement("audio");
document.body.appendChild(audio);
var playing = 1;


$(function(){

audio.src = "{$images[1].body}";
audio.load();
audio.play();
$('#play_btn').click(function(){
if(playing ==1){
$('#play_btn').removeClass('playing');
audio.pause();
playing = 0;
}else {
$('#play_btn').addClass('playing');
audio.play();
playing = 1;
}
})


})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: