简单调用播放器6秒剪辑在主索引页工作良好
<audio autoplay id="theme"><source src="sounds/theme.mp3"><source src="sounds/theme.ogg"></audio>
还添加了一个简单的按钮和相关的java脚本,以允许那些不想要背景音乐关闭它。
<input type="button" id=musicbtn class="btn" value="Stop da Music!" onclick="player(); change();">
<script>
function player()
{
var player= document.getElementById("theme");
if(player.paused) player.play();
else player.pause();
}
function change()
{
var elem = document.getElementById("musicbtn");
if (elem.value=="Stop da Music!") elem.value = "Play da Music!";
else elem.value = "Stop da Music!";
}
所有的作品作为广告,但寻找解决方案,有背景音乐自动播放只有第一次访问者加载index.html。后续访问自动播放不应该起作用。
建议吗?PHP, JS等都是可以接受的解决方案。
有一个丑陋的拼凑,包括指向index2.html的导航菜单(它不包含audio标签),但不优雅,还有一个未来的皮塔饼。如果您需要查看进一步的标记…http://sailingofftheedge.com
使用JavaScript的" document.cookie
"设置cookie,并让您的页面在每次用户访问时测试cookie是否存在。如果是,您可以return;
,如果不是,您将设置cookie,然后运行音乐。
查看:W3Schools Cookie Tutorial获取更多信息/技巧