Pemutaran Audio dan Video HTML5 dengan Plyr

Pemutaran Audio dan Video Responsive Web HTML5 Menggunakan Plyr untuk Blog

Baca Tutorial

Table of Contents

Tampilan Embed Video

Video diatas tampilan basic player video menggunakan Plyr.io yang videonya saya hosting menggunakan Google Drive.

Terdapat banyak fitur, mulai dari Subtitle, Split screen, Full screen, Qualty Video, Speed dll

Tampilan Video Tanpa Subtitle

Video diatas tampilan basic player video menggunakan Plyr.io tanpa menyertakan subtitle video yang di konfigurasi menggunakan thumbnail custom.

Tampilan Video Dengan Subtitle

Video diatas tampilan basic player video menggunakan Plyr.io dengan konfigurasi menyertakan subtitle ke dalam video.


Tampilan Audio

Audio diatas tampilan basic player audio menggunakan Plyr.io yang audionya saya hosting menggunakan Google Drive.

Terdapat fitur Speed untuk mengontrol kecepatan audio saat diputar.


Tampilan Video YouTube

Video diatas tampilan player video youtube menggunakan Plyr.io yang videonya diambil dari id video youtube.


Tampilan Video Vimeo

Video diatas tampilan player video vimeo menggunakan Plyr.io yang videonya diambil dari id video vimeo atau link embed video.

#Keep Reading and Keep Working
() Gabung dalam percakapan
Skip

Step 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ut, facere!

Step 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ut, facere!

Step 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ut, facere!

CLOSE ADS
Ads
CLOSE ADS
Ads