Advertisement
  1. Web Design
  2. HTML/CSS
  3. HTML

15 Pemutar Video HTML5 Terbaik

Scroll to top
Read Time: 8 min

() translation by (you can also view the original English article)

Dengan perubahan kebijakan YouTube yang baru-baru ini mengharuskan pencipta mencapai 10.000 penayangan sebelum memperoleh pendapatan iklan, kami melihat "matahari terbenam" di "Zaman Keemasan YouTube". Kini, lebih dari sebelumnya, ada dorongan bagi pembuat konten untuk mengembangkan platform video mereka sendiri dan menjual iklan mereka sendiri.

Entah Anda seorang pembuat konten YouTube atau calon direktur film, daftar 15 pemutar video HTML5 terbaik ini akan membantu Anda memulai mengembangkan web-video. Fitur apa yang paling Anda butuhkan?

  • Pemutar Sederhana?
  • Pilihan Pemutar Yang Kuat?
  • Iklan sebelum, sepanjang, dan setelah video?
  • Bagaimana dengan mencampur video yang diupload sendiri dan video dari YouTube atau Vimeo?

Anda pasti akan menemukan apa yang Anda cari dalam artikel ini tentang pemutar video HTML5 terbaik di Envato Market:

1. Elite Video Player

Elite Video Player adalah pemutar video HTML5 yang dapat menangani apa saja yang Anda inginkan:

  • self-hosted mp4
  • YoutTube
  • Vimeo
  • Dropbox
  • Amazon s3
  • dan Google Drive

Tampilkan video Anda dengan gaya—di semua browser dan perangkat—dengan pemutar video HTML5 yang dapat dikostumasi secara penuh.

Elite Video PlayerElite Video PlayerElite Video Player

Fiturnya melingkupi:

  • lightbox, responsive, and mode fullscreen
  • Channel YouTube dan dukungan playlist
  • Pilih pemutar dan efek scrollbar
  • Tinggi dan lebar yang bisa di-ubah-sesuai-kan
  • dan banyak pilihan lainnya

Salah satu fitur yang lebih unik dan menarik yang dimiliki oleh Elite Video Player adalah kemampuan untuk menambahkan pre-roll, mid-roll dan post-roll serta iklan popup. Versi WordPress juga tersedia.

2. Ultimate Video Player dengan Youtube, Vimeo HTML5 , Ads

Tambahkan video atau iklan popup Anda sendiri sebelum, sepanjang video Anda menggunakan Ultimate Video Player dengan YouTube, Vimeo, HTML5, Ads.

Tampilkan video dari YouTube, Vimeo, dan self-hosted mp4 (melalui Amazon S3, Google Drive, dsb).

Ultimate Video Player with YouTube Vimeo HTML5 AdsUltimate Video Player with YouTube Vimeo HTML5 AdsUltimate Video Player with YouTube Vimeo HTML5 Ads

Fiturnya melingkupi:

  • Sepenuhnya responsive dan mendukung semua jenis browser
  • Mendukung beberapa contoh pada halaman yang sama
  • Tooltip untuk waktu dan volume
  • Icons dari Font Awesome
  • Fungsi rewind
  • dan banyak lagi

Ultimate Video Player dengan Youtube, Vimeo, HTML5, Ads (juga tersedia untuk WordPress) juga memberikan Anda pilihan untuk membagikan video melalui social media dan code "embed", memberikan pengunjung kemampuan untuk menyematkan pemutar Anda di website mereka.

3. HTML5 Responsive Video Player & Advertising

Kurang rasanya jika membicarakan pemutar video HTML5 tanpa menyebutkan HTML5 Responsive Video Player & Advertising.

Anda bisa mengintegrasikan iklan video sebelum video utama dimulai atau menyiapkan iklan popup sepanjang penayangan. Dan itu hanya sebagian kecil dari fitur yang tersedia.

HTML5 Responsive Video Player AdvertisingHTML5 Responsive Video Player AdvertisingHTML5 Responsive Video Player Advertising
  • Pilihan auto-hide, auto-play, dan auto-replay
  • Sepenuhnya responsive dan bisa dikostumisasi dengan CSS
  • kendali info tooltip dan rewind (putar mundur).
  • pilihan berbagi social media
  • dan banyak lagi

HTML5 Responsive Video Player & Advertising mencakup semua fitur yang Anda temukan di pemutar video HTML5—sambil memberi Anda opsi tambahan untuk menampilkan logo Anda di sudut layar video.

4. Ultra Video Gallery dengan YouTube, Vimeo, HTML5, Ads

Ultra Video Gallery dengan YouTube, Vimeo, HTML5, Ads adalah pemutar video HTML5 yang didukung dan disokong dengan baik.

Hadir dengan semua fitur dan pilihan yang Anda inginkan di pemutar video.

Ultra Video Gallery with Youtube Vimeo HTML5 AdsUltra Video Gallery with Youtube Vimeo HTML5 AdsUltra Video Gallery with Youtube Vimeo HTML5 Ads

Fiturnya melingkupi, tapi tidak terbatas pada:

  • pemutar dengan desain kustom untuk video dari YouTube dan Vimeo
  • Iklan pre-roll untuk video YouTube, Vimeo, dan Self-hosted
  • Dukungan sentuhan (touch) dan keyboard/mouse
  • Pengaturan yang mudah dan kustomisasi penuh.
  • Termasuk 8 theme yang telah jadi
  • dan banyak lagi

Ultra Video Gallery dengan YouTube, Vimeo, HTML5, Ads dapat digunakan sebagai pemutar yang berdiri sendiri, atau galerry dapat ditambahkan ke kanan atau bawah video utama.

5. Ultimate Video Player

Pemutar video HTML5 ini mencakup semua fitur dasar yang Anda perlukan — tanpa kehilangan pengguna yang menggunakan browser lama.

Ultimate Video Player dapat memutar video di browser mobile terbaru atau komputer desktop lama yang masih menggunakan IE8 dengan fitur Flash fallback-nya.

Ultimate Video PlayerUltimate Video PlayerUltimate Video Player

Juga termasuk:

"Dikemas dengan banyak fitur seperti layout responsif, beberapa daftar putar (playlist), API eksternal, tautan balik opsional, tampilan flexible, embed & share, Facebook share, dll..."

Atur playlist (daftar putar), sediakan tombol download video, dan banyak lagi dengan Ultimate Video Player (juga tersedia untuk WordPress).

6. HTML5 Video Gallery dengan Live Playlist

Bangun penampil video hebat dengan HTML Video Gallery dengan Live Playlist. Atur Live Playlist Anda dengan markup HTML, daftar putar XML atau bisa membaca folder video yang di-host sendiri.

Anda juga bisa menggabungkannya dengan YouTube dan video MP4 yang di-host sendiri.

HTML5 Video Gallery with Live PlaylistHTML5 Video Gallery with Live PlaylistHTML5 Video Gallery with Live Playlist

Fitur tambahan melingkupi:

  • deeplinking dengan alamat jQuery
  • dukungan API v3 YouTube 
  • video aspect ratio
  • live preview

API Publik yang tersedia: Play/pause, next/previous, cari, dan banyak lagi!

Bawa banyak fitur pemutar YouTube favorit Anda ke situs web Anda sendiri dengan HTML5 Video Gallery dengan Live Playlist.

7. Responsive HTML5 Video Player & Gallery

Responsive HTML5 Video Player & Gallery mudah dipasang, medukung layar retina, dan termasuk beberapa skin untuk pemutar video HTML5.

"Anda bisa menggunakan pemutar tanpa gallery dengan hanya satu video, atau Anda bisa membuat gallery sendiri dengan thumbnail, judul dan deskripsi."

Anda juga bisa menambahkan logo di bawah kiri dan kanan atau sudut kiri atas.

Responsive HTML5 Video Player GalleryResponsive HTML5 Video Player GalleryResponsive HTML5 Video Player Gallery

Fitur lainnya meliputi:

  • Pilihan menu berbagi dan code embed
  • dukungan click dan drag gallery
  • kendali penuh pada pemutar
  • dan lainnya

Responsive HTML5 Video Player & Gallery adalah cara yang bagus untuk mengatur dan menampilkan video Anda dalam format galeri yang ramping.

8. Responsive Video Gallery HTML5 YouTube Vimeo

Gabungkan dengan mudah video mp4 Vimeo, YouTube, dan self-hosted Anda ke dalam satu daftar putar dengan Responsive Video Gallery HTML5 YouTube Vimeo.

Responsive Video Gallery HTML5 YouTube VimeoResponsive Video Gallery HTML5 YouTube VimeoResponsive Video Gallery HTML5 YouTube Vimeo

Anda akan menemukan segala macam fitur berguna:

  • Pilihan deeplinking dengan jQuery address
  • HTML, XML, dan playlist berbasis folder
  • Dukungan untuk API v3 YouTube dan Vimeo
  • pilihan iklan sebelum dan setelah pemutaran
  • pilihan pemutaran yang kuat
  • dan banyak lagi

Responsive Video Gallery HTML5 YouTube Vimeo menyertakan API yang solid dan hampir semua hal yang Anda perlukan dalam pemutar video HTML5.

9. Universal Video Player - YouTube/Vimeo/Self-Hosted

Universal Video Player - YouTube / Vimeo / Self-Hosted adalah pemutar video HTML5 lainnya yang patut diperhitungkan.

Tidak hanya datang dengan banyak fitur yang disertakan dalam pemutar video lainnya, namun juga mencakup beberapa tambahan yang membuatnya berbeda dari yang lain.

Universal Video Player - YouTubeVimeoSelf-HostedUniversal Video Player - YouTubeVimeoSelf-HostedUniversal Video Player - YouTubeVimeoSelf-Hosted

Fitur-fitur yang menonjol meliputi:

  • Pelacakan dengan Google Analytic
  • pencarian playlist
  • kategori
  • shuffle (mainkan acak)

Seperti beberapa pemutar video HTML5 lainnya, ini mencakup dukungan video YouTube, Vimeo, dan self-host, skema warna yang dapat disesuaikan, dan opsi untuk mendownload video.

Pemutar Video Universal - YouTube/Vimeo/Self-Host adalah solusi yang bagus, dan bahkan dapat secara otomatis mengambil gambar mini video, judul, dan deskripsi dari server YouTube (tersedia versi WordPress).

10. HTML5 Video Player with Playlist & Multiple Skins

HTML5 Video Player with Playlist & Multiple Skins (juga tersedia untuk WordPress) menawarkan playlist disamping dan bawah dengan 6 tampilan yang berbeda agar sesuai dengan situs Anda.

Tidak seperti kebanyakan pemutar video HTML5 lainnya, ini juga mendukung file video webm selain format video mp4 standar.

HTML5 Video Player with Playlist Multiple SkinsHTML5 Video Player with Playlist Multiple SkinsHTML5 Video Player with Playlist Multiple Skins

Anda juga akan menemukan:

  • Pilihan deskripsi video dengan dukungan HTML dan CSS
  • Mendukung contoh tunggal dan ganda
  • Kendali pemutaran yang tersembunyi otomatis
  • Klik pendengar
  • dan sebagainya

HTML5 Video Player with Playlist & Multiple Skins adalah pemutar video HTML5 yang bagus untuk daftar putar, lengkap dengan gambar pratinjau yang ditentukan untuk video dan daftar putar.

11. Total Video Player

Anda akan sulit sekali menemukan pemutar video HTML5 yang menawarkan banyak nilai ini.

Total Video Player memiliki banyak pilihan dan bahkan menyertakan dukungan subtitle dan caption untuk video yang di-host sendiri (srt/vtt).

Total Video PlayerTotal Video PlayerTotal Video Player

Fitur tambahan meliputi:

  • Gabungkan video mp4 YouTube dan Self-hosted
  • Dukungan flash untuk browser lama
  • Pilihan kendali pemutaran
  • Pilihan informasi video
  • API publik dan callback
  • dan banyak lagi

Total Video Player adalah pemutar video yang benar-benar total

12. HTML5 Video Player & FullScreen Video Background

The HTML5 Video Player & FullScreen Video Background tidak hanya membuat pemutar video HTML5 hebat, namun juga mencakup kemampuan untuk mengatur latar belakang video layar penuh (full-screen).

Apakah Anda memerlukan pemutar video di toolbelt dev web Anda?

Ini yang Anda cari.

HTML5 Video Player FullScreen Video BackgroundHTML5 Video Player FullScreen Video BackgroundHTML5 Video Player FullScreen Video Background

Ini memiliki banyak fitur bermanfaat, termasuk:

  • Gambar pengganti untuk perangkat seluler yang tidak mendukung latar belakang video FullScreen
  • 30+ pilihan Js: kendali pemutaran, putar balik, desain, dsb.
  • mendukung YouTube, Vimeo dan video yang di-host sendiri
  • Pengaturan peletakan navigasi
  • tekstur pada video
  • dan sebagainya!

HTML5 Video Player & FullScreen Video Background adalah tambahan pada toolbox web developer manapun—juga hadir untuk WordPress!

13. ProgressionPlayer - Responsive Audio/Video Player

Jika Anda mencari pemutar video HTML5 sederhana dan mudah, Anda akan menemukannya di ProgressionPlayer - Responsive Audio/Video Player.

Dia bahkan mendukung file audio, menjadikannya solusi serbaguna yang bisa digunakan untuk aplikasi lain.

ProgressionPlayer - Responsive AudioVideo PlayerProgressionPlayer - Responsive AudioVideo PlayerProgressionPlayer - Responsive AudioVideo Player

Dari halaman produk:

"Pamerkan karya Anda dengan Audio/Video Player yang mudah disesuaikan. Saat membeli pemutar ini, Anda akan menerima file bantuan terperinci beserta fitur tambahan seperti 5 tampilan kustom dan Layout Responsive. "

Mudah dikustomisasi, dukungan video full-screen, playlist video dan audio, dan sebagainya.

ProgressionPlayer - Responsive Audio/Video Player memangkas semua hal yang tidak perlu dan menawarkan pemutar audio yang solid dan pemutar video HTML5.

14. Chameleon - HTML5 Video Player with Flash Backup

Buat sederhana dengan Chameleon - HTML5 Video Player with Flash Backup.

Chameleon - HTML5 Video Player with Flash BackupChameleon - HTML5 Video Player with Flash BackupChameleon - HTML5 Video Player with Flash Backup

Dengan pilihan desainnya yang bersih dan sederhana, pemutar video HTML5 ini menyediakan playback video dasar:

  • Tampilan terang dan gelap serta mendukung retina
  • 100% responsive—cocok disegala layar
  • hold-and-drag untuk meng-scrub video
  • Dukungan video flash
  • dan sebagainya

Chameleon - HTML5 Video Player with Flash Backup juga tersedia untuk WordPress

15. Mega Video Players BUNDLE

Mega Video Players BUNDLE bukan pemutar video HTML5 tunggal, kuat, satu-ukuran-cocok-untuk-semua.

Total ada 6.

Mega Video Players BUNDLEMega Video Players BUNDLEMega Video Players BUNDLE

Download ini akan memberi Anda tiga pemutar video responsif yang berbeda, masing-masing dengan padanan WordPress mereka sendiri, memberi Anda total enam pemutar.

Paketnya termasuk:

Anda akan menemukan banyak fitur berbeda di masing-masing pemutar ini: API eksternal, deeplinking, embed dan share, multiple playlists, dan masih banyak lagi.

Meskipun Mega Video Players BUNDLE adalah pilihan paling mahal, namun menghadirkan biaya yang paling hemat.

Kesimpulan

Ada spektrum yang luas dari pemutar video HTML5. Kunci untuk menemukan solusi yang tepat adalah menemukan pemutar video yang memenuhi semua kebutuhan Anda. Hal yang ingin Anda hindari adalah mengambil solusi yang berlebihan, atau bahkan lebih buruk lagi, tidak dapat memenuhi apa yang ingin Anda buat.

Jika Anda merasa ingin menjelajah lebih jauh, mungkin beberapa HTML5 Code Tutorials, Kursus Web Developer, atau Code eBook di Envato Tuts+, dapat membantu Anda mengembangkan pemutar video HTML5 Anda sendiri. Jika tidak, pertimbangkan 15 video player HTML yang telah disebutkan sebelumnya atau tetap perhatikan sesuatu yang baru di CodeCanyon.

Dan seperti biasa, Anda akan menemukan semua jenis plugin pengembangan web yang membantu, script, dan lainnya di Envato Market.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.