Onload功能不起作用。加载歌曲后我无法自动播放歌曲。这是我的观点。
<div class="main" onload="enableAutoplay()">
<div class="audio-name">
<h1><?php echo str_replace('_',' ',$name);?></h1>
</div>
<center>
<audio id="audio" controls="controls" >
<source src="<?php echo base_url();?>musics/<?php echo $name;?>" type="audio/mp3" >
</audio>
</center>
<center><a href="<?php echo base_url();?>admin/audio/showaudio" class='back'>Back to All song list</a></center>
</div>
<script>
var vid = document.getElementById("audio");
function enableAutoplay() {
vid.autoplay = true;
vid.load();
}
function disableAutoplay() {
vid.autoplay = false;
vid.load();
}
function checkAutoplay() {
alert(vid.autoplay);
}
</script>
我喜欢在用户点击歌曲名称时播放歌曲。但是用户必须点击“播放”#34;按钮播放歌曲。
答案 0 :(得分:2)
onload
事件只能用于body
本身,框架,图像和脚本。换句话说,它可以仅附加到正文和/或每个外部资源。 div不是外部资源,它是作为正文的一部分加载的,因此onload
事件不适用于那里。
答案 1 :(得分:1)
据我所知,Collection
功能可用于onload
代码,但它似乎不适用于其他代码。尝试在<body>
上添加它或者只是在js中运行该功能。