html object标签循环播放音频,html+css 中object标签和audio标签兼容使用

$(function(){

$(document).delegate('.audio_btn','click',playRadio)

});

//playRadio的实现

function playRadio(){

//toggle事件处理

$(this).toggle(function(i){

playVoice(this);

},

function(i){

pauseVoice(this);

});

$(this).trigger('click');

}

//playVoice和pauseVoice实现

//播放

function playVoice(_this){

$(".audio_btn").addClass("audio_btn_on");

var rd=document.getElementById("radios");

if(document.all)

rd.play();

else

document.getElementById("photo_audio").play();

}

//暂停

function pauseVoice(_this){

$(".audio_btn").removeClass("audio_btn_on");

var rd=document.getElementById("radios");

if(document.all)

rd.stop();

else

document.getElementById("photo_audio").pause();

}

其中document.all是判断是否是IE浏览器

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值