<!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代碼控制在切換不同網頁的時候播放的是一首歌曲,切歌曲不會因切換網頁而中斷
第四個狀態:按鈕失效時的狀態(舉個例子,比如播放列表只有一首歌曲,那麼其中後退、前進的功能是像網頁一樣的控制當前頁面,並不是歌曲的後退、前進