Thêm nhạc nền tự chạy cho website WordPress cực đơn giản

Hôm nay Hocban.vn chia sẻ đến mọi người cách thêm nhạc nền (định dạng mp3) vào website WordPress. Cách làm cực kỳ đơn giản luôn.

Cái trò này để làm chi ta ?

Ai hỏi thì các bạn cứ nói “mình thích thì mình làm thôi :v ” haha ! Hề hề, nói vậy chứ cái này xài phải cân nhắc vì:

Cái hay: vào những ngày lễ tình cmn nhân, sinh nhật bạn gái, dợ, hay là một ngày lễ gì đó đặc biệt trong năm bạn chèn nhạc vào để hứng khởi và thay đổi không khí :v



Cái dở: nó có thể gây khó chịu khi người truy cập không muốn nghe nhạc hoặc không thích bài hát của bạn, và nó cũng không có chỗ tắt, mở tab mới mà vẫn là web của bạn thì nó hát bè, cái trước cái sau … không nghe được :v >> nên dùng cho landing page thì oke con dê luôn 😀

Cách thêm nhạc nền tự chạy vào WordPress

Để làm các bạn chỉ cần copy đoạn code sau và đem dán vào file header.php hoặc footer.php là được nhé !

<audio autoplay >
  <source src="https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3" type="audio/mpeg">
</audio>

Ở đây mình sẽ dán nó vào phần footer, cụ thể là trong file footer.php và đặt nó gần cuối file, cụ thể hơn nữa là nó trên thẻ đóng </body> như hình dưới đây:

chen nhac nen mp3 vao trong file footer cua WordPress

Chèn nhạc nền mp3 vào trong file footer của WordPress

Các bạn có thể thay thế đường dẫn file .mp3 bằng đường dẫn bài hát mà bạn úp lên chẳng hạn như:

https://hocban.vn/wp-content/uploads/2017/07/ten-bai-hat.mp3

Một mẫu code cũng khá ngắn gọn, ngắn hơn cái trên luôn, các bạn chèn vào nó cũng hát được và có thể lặp lại.

<audio src="https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3" autoplay loop>
</audio>

Đấy, rất đơn giản đúng không nào ? Anh em nào làm được rồi hoặc đang chơi trò này comment link web bên dưới xem nhé ! Có chơi mới dán, ko chơi không dán SPAM nhé !

Vẫn như thường lệ, nếu có gì thắc mắc hoặc góp ý về thủ thuật này, anh em có thể côm mềnh bên dưới nhé :v

Mẹo liên quan

Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, một thanh niên đến từ Gia Lai, lai rai hay đi comment dạo 😂

avatar
10 Comment threads
13 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
10 Comment authors
Nguyễn Trungbe_hoiCườngTrần DươngTruyenhot.vn Recent comment authors
Nguyễn Trung <span class="wpdiscuz-comment-count">1 bình luận </span>

copy đoan mã vào rồi ra trang chủ chỉ có máy tính của tôi nghe dc là bị sao vậy ad ơi . qua máy tính khác vào trang ko nghe dc

be_hoi <span class="wpdiscuz-comment-count">1 bình luận </span>
be_hoi 1 bình luận

ad ơi em do không đăng ký tài khoản business trên wordpress mà chỉ là mục dích học tập e có copy cái code cuối cùng và quăng vô HTML custom thì nó có chạy
Nhưng khi em thay đổi link bài nhạc thì nó lại im lỉm không chạy dc là sao vậy ạ

Cường <span class="wpdiscuz-comment-count">1 bình luận </span>

Mình muốn cài bài khác thì sao ad

Trần Dương <span class="wpdiscuz-comment-count">29 bình luận </span>

Thấy cũng tếu nhỉ. Hihi

Truyenhot.vn <span class="wpdiscuz-comment-count">151 bình luận </span>

Mình cứ nghĩ đến trường hợp chèn đoạn nhạc thật hay đoạn đầu và chèn khúc sau 1 đoạn nhạc ” thật kích thích” thì sao nhỉ

Hưng <span class="wpdiscuz-comment-count">1 bình luận </span>
Hưng 1 bình luận

Chào admin. Hiện nay em muốn chèn nhạc trên Opencart thì sao ạ?

CuộcSống S <span class="wpdiscuz-comment-count">12 bình luận </span>

Hay đó bác! Áp dụng cái này cài bài nhạc tết chơi cho web cũng hay đó. Cám ơn bác nhé!

TrungAZ <span class="wpdiscuz-comment-count">3 bình luận </span>

Này nên dùng cho mấy site truyện tranh kinh dị, chèn nhạc vào chắc phê hơn khi đọc =))

Lại Đình Cường <span class="wpdiscuz-comment-count">114 bình luận </span>

Vậy hả, tưởng bạn ở Buôn Ma Thuột chớ ^^

Lại Đình Cường <span class="wpdiscuz-comment-count">114 bình luận </span>

Tại mình cũng có quen một bạn tên Tịnh trên BMT, mà lâu quá không gặp, tưởng blog của bạn đó, nhầm lẫn một chút ^^

Nhưng sao bạn không sửa giao diện trang web cho dễ nhìn hơn, thật sự hơi khó đọc.

Lại Đình Cường <span class="wpdiscuz-comment-count">114 bình luận </span>

Haha, tự tin là tốt :D, có thời gian ghé blog mình chơi nhé.

Lại Đình Cường <span class="wpdiscuz-comment-count">114 bình luận </span>

Có vẻ như mình quen biết với chủ blog này nhỉ? Nhìn tên hơi quen 😀