Tạo trình phát nhạc MP3 Jwplayer responsive cho blog hoặc website từ Google Drive

Bài viết hôm nay mình sẽ hướng dẫn các bạn tự tạo trình phát nhạc MP3 jwplayer chuẩn mobile, tương thích với mọi kích thước màn hình. Đặc biệt các bạn có thể tạo playlist mp3 lấy link từ Google Drive chèn vào blog hoặc mọi mã nguồn khác của các bạn.

Trước hết các bạn có thể vào link này để xem demo: JWplayer MP3 reponsive

HƯỚNG DẪN TẠO TRÌNH PHÁT NHẠC JWPLAYER MP3 RESPONSIVE

Bước 1: Các bạn cần đăng ký một tài khoản từ JWplayer

Link đăng ký: https://dashboard.jwplayer.com/#/welcome

Bước 2: Nhúng thư viện JS từ JWplayer vào mã nguồn blog hoặc website của bạn. Sau khi chèn vào website nó có dạng như dưới đây:

<script src="https://content.jwplatform.com/libraries/dcm3Kiu76.js"/>

Bước 3: Nhúng trình phát nhạc MP3 vào bất kỳ chỗ nào mà bạn muốn hiển thị trên website của bạn với đoạn code sau:

<div id="myElement">Loading...</div>
<script type="text/javascript">
jwplayer('myElement').setup({
file: 'https://drive.google.com/uc?id=1nIBoxIirmOyQrwnR69XN_fNUJP2atH',
width: '100%',
aspectratio: '',
height: 40,
primary: 'html5',
type:   'mp3',
});
</script>

Các bạn cần thay ID màu đỏ thành ID file mp3 từ google drive của các bạn.

Chỉ với 3 bước đơn giản như mình hướng dẫn là các bạn đã có ngay một trình phát nhạc mp3 jwplayer từ link mp3 google driver chuyên nghiệp và tương thích với mọi kích thước màn hình, tương thích cả phiên bản trên điện thoại.

Nếu bạn thấy bài viết này có ích hãy bấm like và share cho bạn bè nhé.