该博客讨论了避免在页面加载后自动播放音频的重要性，并提供了一个使用jQuery实现的示例代码，该代码允许用户点击按钮来静音或取消静音HTML5音频和视频元素。代码涉及遍历媒体元素，存储和恢复静音状态，为用户提供友好的交互体验。
小编典典
规则1：切勿在页面加载后启用音频自动播放。
无论如何，我将使用jQuery显示HTML5：
// WARNING: Untested code ;)
window.my_mute = false;
$('#my_mute_button').bind('click', function(){
$('audio,video').each(function(){
if (!my_mute ) {
if( !$(this).paused ) {
$(this).data('muted',true); //Store elements muted by the button.
$(this).pause(); // or .muted=true to keep playing muted
}
} else {
if( $(this).data('muted') ) {
$(this).data('muted',false);
$(this).play(); // or .muted=false
}
}
});
my_mute = !my_mute;
});
Flash Media Player取决于暴露给JavaScript的自定义API(希望)。
但是您就知道了，遍历媒体，检查/存储播放状态以及静音/取消静音。
2020-05-10
144
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
