Player:修订间差异

来自赛尔号精灵图鉴
跳转到导航 跳转到搜索
无编辑摘要
Len留言 | 贡献
无编辑摘要
 
(未显示同一用户的3个中间版本)
第1行: 第1行:
<html>
<html>
<audio id="bgm" src="https://d1rtq9slcl72gh.cloudfront.net/audio/home.mp3" autoplay loop controls></audio>
<style>
  html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
  }


<button onclick="document.getElementById('bgm').play()">▶ 播放音乐</button>
  #controls {
<button onclick="document.getElementById('bgm').pause()">⏸ 暂停</button>
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: sans-serif;
    padding: 4px;
  }
 
  button {
    background-color: #222;
    color: white;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 14px;
    cursor: pointer;
  }
 
  button:hover {
    background-color: #444;
  }
</style>
 
<div id="controls">
  <button onclick="document.getElementById('bgm').play()">▶ 播放音乐</button>
  <button onclick="document.getElementById('bgm').pause()">⏸ 暂停</button>
</div>
 
<audio id="bgm" src="https://d1rtq9slcl72gh.cloudfront.net/audio/home.mp3" autoplay loop></audio>
</html>
</html>

2025年6月4日 (三) 22:04的最新版本