請問一下網頁音樂的重複播放

html embed

小魚 2018-10-24 08:00:39 ‧ 5897 瀏覽

分享至

不好意思我想請問一下,
我目前是用embed播放音樂,
想要讓音樂一直重覆播放,
但是我把loop設成1也不行,
把playCount改成0也不行,
目前只播放完一次就停止了,
不知道有沒有辦法讓音樂能夠一直播放呢?
感恩~

窮嘶發發發 iT邦高手 1 級 ‧ 2018-10-24 09:06:07 檢舉

原本的YouTube網址：http://www.youtube.com/watch?v=nfLdxGqnXX4
讓它自動循環播放，改成 http://www.youtuberepeat.com/watch?v=nfLdxGqnXX4
是這個嘛

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

Homura

iT邦高手 1 級 ‧ 2018-10-24 09:09:57

embed好像沒loop屬性
改用audio看看
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/audio

範例

回應 9
分享
檢舉

看更多先前的回應...收起先前的回應...

小魚 iT邦大師 1 級 ‧ 2018-10-24 20:56:40 檢舉

我是想當背景音樂,
可是看起來好像沒辦法成功,
目前都是有進度條按下去才會放...

Homura iT邦高手 1 級 ‧ 2018-10-24 21:03:03 檢舉

小魚
<audio>有autoplay和loop屬性啊！＠＠
control進度條還能隱藏...
範例
可以認真看一下我給的文件嗎？

小魚 iT邦大師 1 級 ‧ 2018-10-24 21:10:56 檢舉

我感覺是被瀏覽器擋掉了,
怎麼設定都不行...
剛剛點了右上角的插件就跑出聲音,
原本以為被插件擋住了...
但是把插件移除重開聲音又不見了...
不過Chrome的音訊設定是開啟的啊...

Homura iT邦高手 1 級 ‧ 2018-10-24 21:25:47 檢舉

小魚
那換這個方法試試


var audio = new Audio('https://www.w3schools.com/tags/horse.mp3');
audio.loop=true;
audio.play();

我發現火狐很正常
chrome有時會播有時不會＠＠

小魚 iT邦大師 1 級 ‧ 2018-10-24 21:32:47 檢舉

把錯誤訊息丟給Google,
答案在這裡
https://juejin.im/post/5af7129bf265da0b8262df4c
我可要研究一下解決方案...

Homura iT邦高手 1 級 ‧ 2018-10-24 21:37:33 檢舉

小魚
這解決方法之前好像也有人告訴我＠＠
喔是這個
https://ithelp.ithome.com.tw/questions/10190200

小魚 iT邦大師 1 級 ‧ 2018-10-25 08:04:28 檢舉

現在是先放個按鈕給使用者按,
按完之後消失,
看起來是可以用,
再慢慢研究有沒有更好的方法...
歸到待處理項目...

comhlp iT邦新手 4 級 ‧ 2018-10-25 10:04:50 檢舉

我CHROME版本是 69.0.3497.100
沒這個問題你不要在你原來的網頁加CODE 你先獨立寫一頁只有AUDIO TAG測試下吧先排除是你的BROWSER問題還是你的CODE問題

小魚 iT邦大師 1 級 ‧ 2018-10-25 12:03:41 檢舉

comhlp
使用audio,
Chrome的錯誤訊息很明確了,
也確認過加一個按鈕之後可以播放,
至於Chrome 69沒這個問題我就不清楚了...

embed是可以放,
但不知道為什麼放一次就停了...

登入發表回應

comhlp

iT邦新手 4 級 ‧ 2018-10-24 10:36:00

你要的東西去W3C SCHOOL查查就有了如果是網頁開發人員就多光顧

https://www.w3schools.com/tags/att_audio_loop.asp

回應 3
分享
檢舉

小魚 iT邦大師 1 級 ‧ 2018-10-24 20:56:48 檢舉

我是想當背景音樂,
可是看起來好像沒辦法成功,
目前都是有進度條按下去才會放...

comhlp iT邦新手 4 級 ‧ 2018-10-25 09:54:32 檢舉

........ 這樣就可以了...你要在W3CSCHOOL查HTML TAG的參數就知道了..
<audio style="display:none;" controls autoplay loop>
你還可以ONLINE TEST

comhlp iT邦新手 4 級 ‧ 2018-10-25 10:07:26 檢舉

<html>
<body>

<audio style="display:none;" controls autoplay loop>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</body>
</html>
``` 你把這堆CODE 貼在這頁測試
https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all

登入發表回應

純真的人

iT邦大師 1 級 ‧ 2018-10-24 11:31:28

根據這網頁說明
應該是這樣

<embed src=檔案位址 loop=true>

不過按常理判斷 0 或 1應該也是可以當成false或是true

http://kcs.kcjh.ptc.edu.tw/~spt/computer/html/embed.htm

回應 6
分享
檢舉

看更多先前的回應...收起先前的回應...

Homura iT邦高手 1 級 ‧ 2018-10-24 11:39:26 檢舉

看了一下MDN和W3C都沒loop這屬性
確定還支援嗎?0.0

froce iT邦大師 1 級 ‧ 2018-10-24 12:08:54 檢舉

查的結果好像只有ie支援。

純真的人 iT邦大師 1 級 ‧ 2018-10-24 12:14:05 檢舉

我是兩種都放~畢竟還要兼容ie6= =a
舊的IE不支援HTML5的格式~

小魚 iT邦大師 1 級 ‧ 2018-10-24 12:21:47 檢舉

喔喔,
我懂了,
embed的loop支援舊版,
不過如果embed和audio同時放會不會出現兩個聲音啊? ...
(不過我應該也不需要支援舊版才對)

純真的人 iT邦大師 1 級 ‧ 2018-10-24 13:02:52 檢舉

恩..可能會吧~

我是用這個去判斷訪客瀏覽器，再決定用哪一種音樂語法~

Request.ServerVariables("HTTP_USER_AGENT")

小魚 iT邦大師 1 級 ‧ 2018-10-24 19:53:45 檢舉

原來如此...

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22205 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙