HTML merupakan salah satu bahasa markup yang berfungsi untuk membuat kerangka kerja atau mendesain tampilan sebuah website
Video adalah teknologi pengiriman sinyal elektronik dari gambar bergerak. Video ini adalah teknologi untuk menangkap, merekam, memproses, mentransmisikan, dan mengatur ulang gambar bergerak. Video ini tidak ada suaranya, ada yang bersuara [audio].
Video berfungsi untuk menonton, melihat, menampilkan gambar, visual, atau desain yang bergerak berdasarkan nilai fps dalam kecepatan gambar. Dengan adanya video diharapkan dapat lebih memahami tentang sesuatu yang positif. Misalnya, video tentang Jangan Sampah. Video ini berisi informasi tentang bagaimana masyarakat menerapkan pola hidup sehat dengan membuang sampah ke tempat sampah agar lingkungan tetap bersih, segar, dan asri
Saya akan memberikan 2 cara menyisipkan video dengan menggunakan HTML yakni kode script dan .
DAFTAR ISI
Menyisipkan Video Menggunakan
1. Silahkan buka text editor seperti Notepad++, Sublime, Visual Code, dll
2. Silahkan ketik kode script di bawah ini
Cara Menyisipkan Video Menggunakan HTMLCara Menyisipkan Video Menggunakan HTML Tag Video
Your browser does not support HTML5 video.
3. Simpan hasil kode script dengan menekan CTRL+S
4. Pilih lokasi penyimpanan sesuai keinginan, beri nama "exam-video. html"
5. Klik Simpan
6. Cari file tadi, lalu klik kanan mouse – Open With – Aplikasi Web Browser [Chrome, Mozilla, atau Microsoft Edge]. Lihat hasilnya
Selesai
Menyisipkan Video Menggunakan
1. Silahkan buka text editor seperti Notepad++, Sublime, Visual Code, dll
2. Silahkan ketik kode script di bawah ini
Cara Menyisipkan Video Menggunakan HTML Embed_Cara Menyisipkan Video Menggunakan HTML Tag Embed
3. Simpan hasil kode script dengan menekan CTRL+S
4. Pilih lokasi penyimpanan sesuai keinginan, beri nama "exam-embed. html"
5. Klik Simpan
6. Cari file tadi, lalu klik kanan mouse – Open With – Aplikasi Web Browser [Chrome, Mozilla, atau Microsoft Edge]. Lihat hasilnya
Catatan
Tag ini bisa menyisipkan file video yang bersifat flash [.swf]. Tag 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 ini juga bisa menyisipkan video biasa seperti [.mp4].
Apabila kamu menggunakan aplikasi web browser versi lama, sebaiknya kamu menyisipkan video dengan menggunakan tag , karena tag 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, dua atribut tag video di atas mungkin tidak mendukung file ekstensi video tertentu
Tag mengatur file video untuk diputar dan jenis medianya. Browser memilih format pertama yang dikenali
Jika browser tidak mendukung tag, maka teks di dalam tag akan ditampilkan
Untuk detailnya, lihat Referensi Tag video HTML kami
Menambahkan atribut putar otomatis akan memutar video segera setelah halaman dimuat
Catatan. putar otomatis dinonaktifkan di halaman ini. Untuk melihatnya beraksi, klik tombol 'Coba langsung'
Tingkatkan versi browser Anda untuk melihat video
Please upgrade your browser to view videos.
Coba langsungHTML mendukung tiga format video. MP4, WebM, dan OGG
Jenis medianya masing-masing adalah video/mp4, video/webm, dan video/ogg
Tidak semua browser mendukung semua format video. Ini daftarnya
BrowserMP4WebMOGG
Elemen memperlihatkan DOM [Document Object Model] yang memungkinkan kontrol terprogram dari video. Contoh ini menunjukkan cara memutar, menjeda, dan mengubah ukuran [normal, besar, kecil] video dengan JavaScript