避开浏览器限制，实现自动播放音乐 – Pinpe的云端

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

2024-7-19 23:37

|

7

|

技术与科学

115 字

|

1 分钟内

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

<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许可协议。

- 标题：避开浏览器限制，实现自动播放音乐
- 作者：Pinpe
- 链接：https://blog.pinpe.top/2728/

评论

DuckXu

1 月前
2024-8-28 19:36:20

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

3 月前
2024-7-23 16:48:15

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

3 月前
2024-7-21 22:34:10

不…不要这样做啊喂
LineXic

3 月前
2024-7-21 22:29:59

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

3 月前
2024-7-19 23:49:41

.
- Pinpe
  
  null
  
  3 月前
  2024-7-19 23:50:53
  
  ?
- Pinpe
  博主
  Pinpe
  
  3 月前
  2024-7-20 10:59:24
  
  ？

发送评论编辑评论

Markdown

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!

呼呼