021-5421-2191 / 085100084723 WhatsApp info@matawebsite.com
Home Blog Menampilkan Video Dalam Website

Menampilkan Video Dalam Website


Menampilkan Video Dalam Website
28 Maret 2019, 02:32:22 | 170 | Sakti

Hallo teman-teman sekalian, kali ini kita akan belajar bagaimana cara menampilkan video didalam website. Sebelumnya perlu kita ketahui video didalam suatu website merupakan suatu media promosi kita kepada pelanggan maupun pengunjung yang datang agar dapat tertarik dengan produk maupun jasa yang kita tawarkan didalam website tersebut. Penggunaan video tersebut memudahkan suatu pemilik website untuk menggambarkan maksud dan tujuan dibuatkannya website tersebut.

Walaupun tidak semua video yang dimasukan kedalam website merupakan maksud dari pembuatan website tersebut. Tetapi video tersebut akan memudahkan pemilik website untuk menarik pengunjung agar dapat memilih produk maupun jasa yang diberikan.

Oke langsung saja, untuk menampilkan atau menyematkan video didalam sebuah website kita akan menggunakan HTML versi 5. HTML ini telah melakukan banyak penambahan dalam membuat tampilan yang sangat bermanfaat bagi pengembang website. Tidak hanya video, HTML v5 tersebut kita bisa gunakan untuk membuat game sederhana seperti flappy bird, RPG dll.

Untuk menambahkan video, dalam HTML v5 ini menyediakan tag <video> yang memiliki attribute seperti :

  1. Witdh digunakan untuk mengatur lebar video
  2. Autoplay digunakan agar video berjalan otomatis ketika website pertama kali dibuka
  3. Height digunakan untuk mengatur tinggi video
  4. control digunakan untuk menampilkan navigasi seperti pause, sound, durasi dll

<!DOCTYPE html>

<html>

<body>

<video width="320" height="240" autoplay>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

</video>

</body>

</html>

Akan tetapi penggunaan video menggunakan HTML v5 ini memiliki kekurangan diantaranya format video hanya Mp4 (video/mp4) , WebM (video/webm), dan Ogg (video/ogg).

Artikel Terkait

npm vs Yarn - Package Manager mana yang harus Anda gunakan?

npm vs Yarn - Package Manager mana yang harus Anda gunakan?

npm dan Yarn adalah dua pengelola paket JavaScript yang terkenal. Jika Anda tidak terbiasa dengan apa yang dilakukan Package Manager, ini pada da...
Apa Itu Bahasa Pemrograman dan Apa Saja yang Sering di Gunakan

Apa Itu Bahasa Pemrograman dan Apa Saja yang Sering di Gunakan

Bahasa pemrograman sering juga di sebut bahasa komputer. Apa itu bahasa pemrograman, Bahas pemrograman biasa di gunakan oleh orang untuk membuat sebuah program dan bis...
Manfaat Kuliah Pemrograman Yang Harus Anda Ketahui

Manfaat Kuliah Pemrograman Yang Harus Anda Ketahui

Untuk kuliah pemrograman pasti sudah di dapatkan bagi anda yang sedang atau pernah kuliah di sekolah tinggi informatika atau universitas yang menyediakan jurusan tehni...
Langkah Yang Tepat Belajar Webmaster

Langkah Yang Tepat Belajar Webmaster

Pernah tidak terlintas didalam otak anda dalam proses pembangunan sebuah website diinternet, nah apabila anda pernah berfikir hal demikian dan tertarik dalam dunia web...
Apa Itu PHP, Dasar Konsep Pemrograman PHP

Apa Itu PHP, Dasar Konsep Pemrograman PHP

Apa yang kamu ketahui tentang php? apa itu php, dan fungsi php sendiri untuk bahasa pemrograman untuk apa? yuk kita ulas secara detail bersama. Mengenal apa itu php, P...
5 Manfaat Mengikuti Kursus Website Untuk Pemula

5 Manfaat Mengikuti Kursus Website Untuk Pemula

Dalam dunia teknologi saat ini yang semakin maju dan berkembang, terlebih lagi dalam urusan teknologi. Berbicara website serta kursus yang mana anda mahasiswa, atau pe...

Popular

Manfaat Iklan PPC Untuk Bisnis Online

Manfaat Iklan PPC Untuk Bisnis Online

Di era saat ini perkembangan teknologi mulai meningkat. s...
Apa itu Eclipse

Apa itu Eclipse

Eclipse adalah platform yang telah dirancang untuk memban...
Membuat Design Background Android

Membuat Design Background Android

Pada kesempatan kali ini kita akan membahas design didala...
Perbedaan Antara Javascript dan jQuery

Perbedaan Antara Javascript dan jQuery

Hallo teman-teman, pada kesempatan kali ini kita akan bel...
6 Situs Penyedia Template Website Berbayar Tepercaya Asal Indonesia

6 Situs Penyedia Template Website Berbayar Tepercaya Asal Indonesia

Tidak sedikit orang yang mencari daftar situs yang menyed...

Kategori

Berlangganan kabar terbaru dari Mataweb Media Teknologi.

Newsletter

{{ formErrors['emailnewsletter'][0] }}