Tutorial Pemrograman

2 Cara Menyisipkan Video Menggunakan HTML

HTML adalah salah satu bahasa markup yang berfungsi untuk membuat kerangka atau merancang tampilan website.

Video adalah teknologi pengiriman sinyal elektronik dari suatu gambar bergerak. Video ini merupakan teknologi untuk menangkap, merekam, memproses, mentransmisikan dan menata ulang gambar bergerak. Video ini ada yang tidak bersuara, ada yang bersuara (audio).

Video berfungsi untuk menonton, melihat, menampilkan gambar, visual, atau desain yang bergerak berdasarkan nilai fps dalam kecepatan gerakan gambar. Dengan adanya video, diharapkan semakin mengerti tentang sesuatu hal yang positif. Contohnya, video mengenai Jangan Membuang Sampah Sembarangan. Video ini berisi tentang bagaimana cara masyarakat dalam melaksanakan hidup sehat dengan membuang sampah kepada tempat sampah agar lingkungan tetap bersih, segar, dan asri.

Saya akan memberikan 2 cara menyisipkan video dengan menggunakan HTML yakni  kode script <video> dan <embed>.

A. Menyisipkan Video Menggunakan <video>

1. Silahkan buka teks editor seperti Notepad++, Sublime, Visual Code, dan sebagainya.

2. Silahkan ketik kode script di bawah ini.

3. Simpan hasil kode script tadi dengan tekan CTRL + S.

4. Pilihlah tempat simpan sesuai keinginan kamu, berikan nama “exam-video.html”.

5. Klik Save.

6. Cari file yang tadi, kemudian klik kanan pada mouse → Open With → Web Browser app (Chrome, Mozilla, atau Microsoft Edge). Lihat hasilnya.

Selesai.

B. Menyisipkan Video Menggunakan <embed>

1. Silahkan buka teks editor seperti Notepad++, Sublime, Visual Code, dan sebagainya.

2. Silahkan ketik kode script di bawah ini.

3. Simpan hasil kode script tadi dengan tekan CTRL + S.

4. Pilihlah tempat simpan sesuai keinginan kamu, berikan nama “exam-embed.html”.

5. Klik Save.

6. Cari file yang tadi, kemudian klik kanan pada mouse → Open With → Web Browser app (Chrome, Mozilla, atau Microsoft Edge). Lihat hasilnya.

Catatan:

Tag <embed> ini bisa menyisipkan file video yang bersifat flash (.swf). Tag <embed> ini bisa bekerja di web browser apabila di web browser tersebut telah dipasangkan plugin Flash Player. Namun, sering terjadi tampilan blank pada web browser. Tag <embed> ini juga bisa menyisipkan video biasa seperti (.mp4).

Apabila kamu menggunakan aplikasi web browser versi lama, sebaiknya kamu menyisipkan video dengan menggunakan tag <embed>, karena tag <video> itu hanya bisa menggunakan aplikasi web browser versi terbaru dan hanya mendukung HTML5. Kini, kamu bisa memilih kode script untuk menyisipkan atau menampilkan video di dalam website kamu.

Ingat, mungkin dari kedua atribut tag video yang di atas tidak mendukung pada file ekstensi video tertentu.

Demikian tutorial cara menyisipkan video dengan HTML. Selamat mencoba.









Click to comment

Leave a Reply

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

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Download Aplikasi Inwepo

Berlangganan tutorial Inwepo melalui email

Copyright © 2018 Inwepo - All Rights Reserved.

To Top