17/02/2025 Html/CSS 3 phút đọc 3.1K lượt xem

Nhúng file MP3 vào HTML website WordPress

Tunlamweb Cập nhật ngày 14/05/2026
Blog Tunlamweb Wordress 13

Bạn có thể nhúng tệp MP3 vào website WordPress theo nhiều cách khác nhau. Dưới đây là một số phương pháp phổ biến:

1. Sử dụng Gutenberg Block (Cách đơn giản nhất)

WordPress có sẵn khối Audio giúp bạn chèn file MP3 dễ dàng:

Nhúng file MP3 vào HTML website WordPress
Nhúng file MP3 vào HTML website WordPress

Cách làm:

  1. Mở Bài viết hoặc Trang cần chèn file MP3.
  2. Nhấn vào biểu tượng (+) Thêm khối mới.
  3. Chọn khối Âm thanh (Audio).
  4. Nhấn Tải lên để tải file MP3 lên hoặc Thư viện phương tiện để chọn file có sẵn.
  5. Lưu và đăng bài.

Ưu điểm: Dễ sử dụng, không cần cài plugin.

2. Sử dụng Shortcode (Cách nhanh gọn)

Bạn có thể dùng shortcode để nhúng trình phát nhạc vào bài viết hoặc trang.

Cách làm:

Chèn đoạn code này vào bài viết hoặc trang:

Thay thế https://yourwebsite.com/path/to/audio.mp3 bằng đường dẫn file MP3 của bạn.
Thuộc tính:

  • autoplay="true" → Tự động phát.
  • loop="true" → Phát lặp lại.

Ưu điểm: Nhanh chóng, không cần plugin.

3. Sử dụng HTML (Tùy chỉnh nâng cao)

Bạn có thể nhúng trình phát nhạc bằng thẻ <audio> trong trình chỉnh sửa HTML của WordPress.

Nhúng file MP3 vào HTML website WordPress
Nhúng file MP3 vào HTML website WordPress

Cách làm:

Chuyển sang chế độ Chỉnh sửa HTML trong trình soạn thảo và chèn:

Ưu điểm: Kiểm soát hoàn toàn giao diện, dễ tùy chỉnh bằng CSS.

4. Sử dụng Plugin (Nếu cần tính năng nâng cao)

Nếu bạn muốn có giao diện đẹp hơn, playlist, hoặc chức năng nâng cao, hãy sử dụng plugin.

Gợi ý plugin tốt nhất:

  • AudioIgniter (Miễn phí) – Tạo playlist chuyên nghiệp.
  • MP3 Music Player by Sonaar – Hỗ trợ hiển thị đẹp, tương thích WooCommerce.
  • Seriously Simple Podcasting – Tốt cho podcasting.

Ưu điểm: Nhiều tính năng, dễ dùng.
Nhược điểm: Cần cài thêm plugin.

Kết luận – Cách nào phù hợp với bạn?

  • Nếu chỉ muốn nhúng MP3 đơn giản: Dùng Gutenberg block hoặc Shortcode.
  • Nếu muốn tùy chỉnh giao diện: Dùng HTML + CSS.
  • Nếu cần chức năng nâng cao (playlist, giao diện đẹp): Dùng Plugin.

Bạn cần hỗ trợ chi tiết về cách làm nào không?

Xem thêm: Tạo shortcode button nhập tên nút và link

Theo dỗi tên trên Fanpage và Youtube của mình nhé.

Thích 0
Bình thường 0
0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
0 Góp ý
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất