javascript - 加载功能不起作用？

Question

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>

我喜欢在用户单击歌曲名称时播放歌曲。但这里用户必须单击“播放”按钮才能播放歌曲。

Answer 1

onload 事件只能用于 body 本身、框架、图像和脚本。换句话说，它只能附加到主体和/或每个外部资源。 div 不是外部资源，它作为正文的一部分加载，因此 onload 事件不适用于此处。