Cách thêm nhạc nền tự chạy cho Website chuẩn nhất 2022

Bài viết dưới đây Enweb sẽ chia sẻ cho bạn cách thêm nhạc nền tự chạy cho Website WordPress và Website Blogspot. Cách thêm này cũng có một số bạn biết cách làm tuy nhiên vẫn có một số bạn chưa biết đến công dụng này nhất là những bạn không giỏi về công nghệ. Cách thêm nhạc nền tự chạy cho Website rất đơn giản, cùng theo dõi đến hết bài viết để hiểu hơn những cách làm này nhé!

Them nhac nen tu chay cho Website
Thêm nhạc nền tự chạy cho Website

Ưu nhược điểm của việc thêm nhạc nền tự chạy cho website

Cách thêm nhạc nền tự chạy Website sẽ đem lại cho bạn những điều thú vị, những hạn chế sau đây:

  • Ưu điểm: Cách thêm nhạc này, nếu làm vào những ngày lễ như là lễ tình nhân, sinh nhật bạn bè, giáng sinh,….sẽ rất thú vị, bạn có thể thêm nhạc nền phù hợp với không khí ngày hôm đó giúp cho không khí vui vẻ phấn khởi và giúp thay đổi không khí của buổi lễ.
  • Nhược điểm: Cách thêm nhạc nền tự chạy cho Website sẽ không có chỗ tắt, cho dù bạn mở tap khác nhưng nó vẫn còn trong web bạn, nó vẫn sẽ hát cho dù bạn đã mở nhạc khác ở tap mới. Dễ gây khó chịu cho những người không thích nghe bài hát mà bạn cài, bạn nên dùng landinh page sẽ oke hơn cho bạn.

Xem thêm: Hướng dẫn backup website WordPress thủ công trong cPanel mới nhất 2022

Them nhac nen tu chay cho Website
Ưu nhược điểm của việc thêm nhạc nền tự chạy cho website

Cách thêm nhạc nền tự chạy cho Website WordPress

Dưới đây sẽ là các bước giúp cho bạn thêm nhạc nền tự chạy cho Website WordPress:

  • Bước 1: Trước tiên, bạn hãy copy đoạn code bên dưới đây và dán vào file header.php hoặc là footer.php.

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

  • Bước 2: Tiếp theo, bạn hãy dán đoạn mã code trên vào phần footer.php, bạn nên đặt nó ở cuối file và nằm trên phần thẻ đóng <body> giống với hình bên dưới.
Them nhac nen tu chay cho Website
Dán đoạn mã code vào phần footer.php

Ngoài ra, bạn cũng có thể thay thế đường dẫn file.mp3 bằng đường dẫn của bài hát mà bạn yêu thích, giống như đường dẫn bên dưới, bạn có thể tham khảo.

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

Dưới đây là mã code mà bạn cũng có thể áp dụng để thêm nhạc nền tự chạy cho Website, khá ngắn gọn hơn mã code trên, công dụng của nó cũng khá giống với mã code trên đó là nó cũng hát được và có thể lặp đi lặp lại.

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

Bạn muốn thêm nhạc nền tự chạy vào một page hay là một posts,những lúc khi truy cập vào page, posts đó nó mới phát nhạc mà bạn đã thêm, vậy bạn cần thêm nó vào bài viết ở phần dưới cùng, nằm trong chế độ soạn thảo HTML CSS là được.

Xem thêm: Cách thiết kế web hiệu quả chỉ với 6 bước đơn giản, chi tiết https://enweb.vn/cach-thiet-ke-web/

Them nhac nen tu chay cho Website
Cách thêm nhạc nền tự chạy cho Website WordPress

Cách thêm nhạc nền tự chạy cho Website Blogsbot

Để thêm nhạc nền tự chạy cho Website Blogspot bạn hãy nhập mã code dưới đây, mã code này cũng có công dụng phát nhạc khi bạn truy cập vào Website của bạn.

  • < audio autoplay = “true” src = “https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3″/>

Ngoài ra, bạn muốn thêm nhạc nền tự chạy vào một page hay posts bạn có thể thêm nó ở chế độ soạn thảo văn bản HTML. Với cách làm này sẽ tránh được tình hát bè khi mở nhiều trang khác nhau nhưng cùng Website.

Them nhac nen tu chay cho Website
Cách thêm nhạc nền tự chạy cho Website Blogsbot

Sử dụng thẻ <embed> để thêm nhạc nền tự chạy cho Website

Để thêm nhạc nền tự chạy cho Website bạn cũng có thể thêm mã code nhạc nền HTML vào trang Website, bằng cách bạn sử dụng “hidden” đây là thuộc tính của thẻ <enbed>. Bạn cũng có thể lồng thẻ này vào bên trong của thẻ <audio> để giúp tăng khả năng tương thích trình duyệt một cách tối đa. Dưới đây sẽ là mã code âm nhạc HTML:

  • < tên nhúng = “GoodEnough” src = “/music/good_enough.mp3” loop = “false” hidde = “true” autostart = “true” >

Sau khi đã sử dụng thẻ <embed>, bạn muốn kiểm soát xem là nhạc nền có phát hay là không, bạn chỉ cần thực hiện đổi thuộc tính “false”. Ngoài ra, bạn còn có thể thêm được chiều cao và chiều rộng vào các điều khiển. Bạn nên tắt phần tự đồng khởi động, đó chính là autostart = “false” cho dù là điều này không hoạt động trong hầu hết tất cả trình duyệt.

Xem thêm: DMCA là gì? Giải đáp 10 thắc mắc liên quan đến DMCA, xem TẠI ĐÂY

Them nhac nen tu chay cho Website
Sử dụng thẻ embed để thêm nhạc nền tự chạy cho Website

Lời kết

Những nội dung về cách thêm nhạc nền tự chạy cho Website đã được Enweb nêu ra một cách chi tiết cụ thể, giúp bạn dễ dàng hình dung được cách làm, với sự đa dạng về cách làm giúp cho bạn có thể thử ứng dụng những cách làm mới lạ trên. Nêu ra được những ưu điểm và nhược điểm của cách làm này để bạn dễ dàng xem xét ứng dụng.

Bạn cảm thấy thông tin chúng tôi chia sẻ bên trên thú vị, vậy hãy theo dõi Enweb.vn để biết những thông tin bổ ích khác nhé!

Bài viết liên quan