Menampilkan Audio atau Video Player di HTML5

Cara menampilkan audio player atau Video Player di HTML5 seperti di bawah ini, sebenarnya secara default di WordPress dengan themes twentyseventeen seperti yg saya pakai tinggal input url video atau audio saja ketika posting, maka secara otomatis akan tampil.

Audio Video Player di HTML5

Audio player atau video player html5 ini bisa tampil juga di aplikasi android berbasis webview seperti contoh gambar diatas.

Playlist Mp3 dengan sumber link audio di Archive.com

Code yang tergenerate di html adalah sebagai berikut:

Apabila ingin di custom, seperti menghilangkan menu download, tambahkan controlsList.

Sedangkan pada video seperti berikut ini

Code untuk menampilkan video player html kurang lebih adalah sebagai berikut:

Rerefensi :

  • https://stackoverflow.com/questions/41115801/in-chrome-55-prevent-showing-download-button-for-html-5-video
  • https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist

Leave a Reply

Your email address will not be published. Required fields are marked *