Menampilkan Video atau Audio 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.

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