音频自动播放一次
audio autoplay once only
简单调用播放器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获取更多信息/技巧
相关文章:
- 使Javascript滑块每4秒自动滑动一次
- MVC 分部视图中的 JQuery UI 自动完成功能只能工作一次
- 单击时播放/暂停,但仅一次
- 只需单击一次按钮,jquery即可自动淡入/淡出文本
- 滚动播放视频,但只能播放一次
- 制作一个html5音频播放列表,自动播放一首又一首歌曲
- 如何阻止网页在到达底部后一次又一次地自动滚动
- Flickity gallery - 如何循环浏览一次然后停止自动播放
- 使用 javascript 一次循环播放 4 个以上的声音
- HTML5视频自动播放/播放一次
- 音频播放器-一次只播放一首曲目,不起作用
- 使用Javascript选择最后一次自动换行后的最后一行
- 音频自动播放一次
- 一次可以播放多少个HTML音频元素
- 自动播放声音mp3,每分钟一次
- 2个音频,我想一次只播放一个HTML5音频元素
- Jquery自动播放功能只工作一次
- 加载带有引导模式的ajax页面,然后一次自动启动该模式
- Cookie自动播放<视频>每次访问仅一次
- jQuery Booklet插件在一次翻转后停止自动播放