Player：修订间差异

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


   <div id="controls">
   #controls {
    <button onclick="document.getElementById('bgm').play()">▶ 播放音乐</button>
    display: flex;
    <button onclick="document.getElementById('bgm').pause()">⏸ 暂停</button>
    justify-content: center;
  </div>
    align-items: center;
</body>
    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的最新版本

取自“https://wiki.len-chat.ca/index.php?title=Player&oldid=3126”