避开浏览器限制,实现自动播放音乐

很多教程都让我们使用这样的写法:

<embed src="music.mp3" autostart="true" loop="true" hidden="true"></embed>

但实际上,这样会被浏览器拦截的,因为浏览器禁止这样的自动播放,哪怕对页面交互了也不行。

所以我们只能通过CSS将embed元素的宽高调为0,来替代hidden="true"

<embed src="music.mp3" autostart="true" loop="true"></embed>
embed {
    width: 0;
    height: 0;
}

虽仍不能直接播放,但至少对页面交互后就能正常播放了。

在没有特别声明的情况下,内容均为原创,请遵守CC BY-NC-SA 4.0版权协议!

评论

  1. DuckXu
    3 周前
    2024-8-28 19:36:20

    如果是轻音乐啥的且初始音量不大,那挺好。
    激情摇滚乐/高音/不适合在公共场合展示的/随机突然的音效,还是算了吧…

  2. q2019715
    2 月前
    2024-7-23 16:48:15

    其实,音乐不自动播放算是一种好处了,怕声音在不适合的场景下突然发出来

  3. 老兄
    2 月前
    2024-7-21 22:34:10

    不…不要这样做啊喂

  4. LineXic
    2 月前
    2024-7-21 22:29:59

    实际上不是挺喜欢浏览器自动播放音乐,还是喜欢点开后播放

  5. null
    2 月前
    2024-7-19 23:49:41

    .

    • Pinpe
      null
      2 月前
      2024-7-19 23:50:53

      ?

    • 博主
      Pinpe
      2 月前
      2024-7-20 10:59:24

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
呼呼
上一篇
下一篇