Question

我正在使用github来托管我正在构建的网站的html代码，我想在窗口底部添加一个音频播放器。我曾经做过一次，但USB闪存驱动器已损坏，我永远丢失了文件。有人知道一个简单的方法吗？我没有使用div就做了，我想保持这种方式。

Answer 1

如何对音频风格属性进行一点css调整



bottom: 0; 
position: fixed; 
right: 0;

Answer 2

使用CSS样式

HTML和CSS

<html>
<style>
    #fixed{
        position:fixed;
        bottom:0px;
        right:0px;
    }
</style>
<body>
<audio id = "fixed" controls>
<source src = "audio.mp3" type = "audio/mpeg">
</audio>
</body>
</html>

查看片段...希望这就是你想要的！

＆＃13;

#fixed{
    position:fixed;
    bottom:0px;
    right:0px;
}

＆＃13;

<html>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>End of Page
<audio id = "fixed" controls>
<source src = "audio.mp3" type = "audio/mpeg">
</audio>
</body>
</html>

＆＃13;

提前致谢

Answer 3

setTimeout(()=>{
        var player = document.createElement('audio');
        player.src = 'https://www.mboxdrive.com/Best%20Workout%20Music%20Mix%20%F0%9F%92%AA%20Gym%20Motivation%20Music%202021%20%F0%9F%92%AA.mp3';
        player.controls = true;
        player.style.position = "absolute";
        player.style.bottom = "0px";
        player.style.left = "0px";
        document.body.appendChild(player);
}, 0);

如何在滚动时将简单的<audio>元素保留在浏览器窗口的底部？

3 个答案: