<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>背景音乐</title>
<script>
function addm(){
document.getElementById("bg").src="混沌.mp3";
}
</script>
</head>
<body onload="addm()">
<bgsound id="bg">
</body>
</html>
这段代码的意思是,在网页加载时播放歌曲《混沌》,歌曲文件和版网页文件放在同一权个文件夹中
『贰』 如何用js控制html页面中音频的播放(360浏览器)
你的play方法是html5的方法吧,可能是你360的版本低
html5现在还是有很多比较老的版本浏览器是不兼容的
一般html播放音频兼容比较好的是用插件
<ahref="song.mp3">PlaySound</a>
<scripttype="text/javascript"src="http://mediaplayer.yahoo.com/js">
</script>
『叁』 怎样用JS控制音乐在进入页面后的两秒以后开始自动播放。
你可以在播放音乐的时候设置一个延时,延时2秒就可以了!
『肆』 如何利用css实现一首歌曲可以在多个页面播放,并且跳转到另一个页面后音乐会继续播放(会用js也行)
创建一个母版页,里面固定了页面最上面的导航,和页脚,中间显示的内容用一个iframe,每当你点击菜单页面跳转的时候就往这个iframe传入URL即可,而你的音乐也就写在这个页面。
『伍』 初学js哪位大神帮看下代码,让不同的里对应不同的音乐,点击不用的小按钮播放或暂停相对应的音乐文件
给你修改好了,注释在里面,采纳即可。
『陆』 JS 一个按钮控制网页背景音乐的开始暂停
<script src="jquery.js"></script>
<div class="audio_div" style="background:url(按钮图片) no-repeat center bottom;background-size:cover;">
<audio id="mp3Btn" autoplay loop>
<source src="音频地址" type="audio/mpeg" />
</audio>
</div>
<script>
//播放器控制
var audio = document.getElementById('mp3Btn');
$('.audio_div').click(function(){
//防止冒泡
event.stopPropagation();
if(audio.paused) //如果当前是暂停状态
{
$('.audio_div').css("background","url(播放状态按钮) no-repeat center bottom");
$('.audio_div').css("background-size","cover");
audio.play();//播放
return;
}
//当前是播放状态
$('.audio_div').css("background","url(暂停状态按钮) no-repeat center bottom");
$('.audio_div').css("background-size","cover");
audio.pause(); //暂停
});
</script>
『柒』 js控制背景音乐的播放
在点击打开视频的地方,同时使用onclick时间来调用js控制背景音乐的播放
onclick= "document.all.加载背景音乐的id名称.src= ' ' ",意思是清空了背景音乐。
『捌』 用js控制网页播放器的src 使用户点击不同歌曲链接可在一个播放器中播放
啊
『玖』 html js 如何控制音乐打开和关闭
实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的,仅仅几行代码即可实现。
首先在网页中嵌入背景音乐,html5代码为:
<a class="mscBtn" id="audioBtn" style="cursor:pointer;"></a>
<audio id="bgMusic" src="http://cctv3.qiniudn.com/zuixingfuderen.mp3" autoplay="autoplay" loop="loop"></audio>
通过audio的id即可控制音乐的播放(play())和暂停(pause()),同时通过改变class改变按钮的背景图片,js代码为(前提是要引入jq):
var music = document.getElementById("bgMusic");
$("#audioBtn").click(function(){
if(music.paused){music.play();
$("#audioBtn").removeClass("pause").addClass("play");
}else{music.pause();
$("#audioBtn").removeClass("play").addClass("pause");}});
css样式为:
.pause {background-position: 0 bottom;}
.mscBtn {height: 50px;
background: #fff url(http://cctv2.qiniudn.com/musicBtn.gif) no-repeat;
display: block;}
『拾』 如何用html代码控制在切换不同网页的时候播放的是一首歌曲,切歌曲不会因切换网页而中断
第四个状态:按钮失效时的状态(举个例子,比如播放列表只有一首歌曲,那么其中后退、前进的功能是像网页一样的控制当前页面,并不是歌曲的后退、前进