Player:修订间差异

来自赛尔号精灵图鉴
跳转到导航 跳转到搜索
无编辑摘要
Len留言 | 贡献
无编辑摘要
第1行: 第1行:
<html>
<html>
<style>
<!DOCTYPE html>
  body {
<head>
    margin: 0;
  <meta charset="UTF-8">
    background: transparent;
  <style>
  }
    body {
  #controls {
      margin: 0;
    display: flex;
      background: transparent;
    justify-content: center;
    }
    gap: 12px;
    #controls {
    padding: 8px;
      display: flex;
    font-family: sans-serif;
      justify-content: center;
  }
      gap: 12px;
  button {
      padding: 8px;
    background-color: #222;
      font-family: sans-serif;
    color: white;
    }
    border: 1px solid #444;
    button {
    border-radius: 6px;
      background-color: #222;
    padding: 6px 12px;
      color: white;
    font-size: 14px;
      border: 1px solid #444;
    cursor: pointer;
      border-radius: 6px;
  }
      padding: 6px 12px;
  button:hover {
      font-size: 14px;
    background-color: #444;
      cursor: pointer;
  }
    }
</style>
    button:hover {
      background-color: #444;
    }
  </style>
</head>
<body>
  <audio id="bgm" src="https://d1rtq9slcl72gh.cloudfront.net/audio/home.mp3" autoplay loop></audio>


<audio id="bgm" src="https://d1rtq9slcl72gh.cloudfront.net/audio/home.mp3" autoplay loop></audio>
  <div id="controls">
 
    <button onclick="document.getElementById('bgm').play()">▶ 播放音乐</button>
<div id="controls">
    <button onclick="document.getElementById('bgm').pause()">⏸ 暂停</button>
  <button onclick="document.getElementById('bgm').play()">▶ 播放音乐</button>
  </div>
  <button onclick="document.getElementById('bgm').pause()">⏸ 暂停</button>
</body>
</div>
</html>
</html>

2025年6月4日 (三) 21:43的版本