簡介
想在Elementor中插入一段自動播放音樂的語法，但是現在主流的瀏覽器都禁止自動播放了，但我們仍可透過jQuery來間接達成。
範例
下列播放器會自動播放 :
(先靜等幾秒讓音樂載入才有「自動播放」的聲音!)
原理與思路
用html原始語法，再用jQuery偵側當網頁的「body」(網頁任何一處)被點擊時，就連帶觸發自動點擊播放。
實作
拉html元素工具，再貼上下列語法即可。
<audio class="myaudio" controls loop >
<source src="https://0800happy.com/wp-content/uploads/2023/07/%E9%99%B8%E8%BB%8D%E8%BB%8D%E6%AD%8C-%E6%BC%94%E5%A5%8F%E6%9B%B2.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script>
( function($) {
$(window).load(function() {
//======================================
$("body").one("click", function() {
console.log("Auto play");
var audioElement = $(".myaudio")[0];
audioElement.play();
$(".myaudio").click();
});
//======================================
}); //end load
})(jQuery);
</script>
以上的程式碼，只會讓body被點擊的第一次觸發自動播放，不會連續觸發。
總結
自動播放有時候很擾民，並不是友善的作法，建議三思!!!
現在進場的是，陸軍586旅砲兵營營部連…
