Bagaimana memasukkan film atau video ke dalam dokumen HTML
Anda dapat menyematkan film ke dalam dokumen HTML menggunakan contoh di bawah ini. Untuk kompatibilitas, kami menyarankan Anda menggunakan format video MP4, yang didukung oleh semua browser dan sistem operasi utama.
Menghosting film di server Anda bisa mahal karena biaya bandwidth. Alternatifnya adalah menghosting video di YouTube dan menyematkan tautan video YouTube di halaman web Anda.
Tidak semua saran di bawah berfungsi untuk semua browser. Pastikan solusi yang Anda putuskan untuk digunakan bekerja dengan browser yang ingin Anda dukung.
Tautan ke file film
Contoh di bawah ini memberikan metode berbeda untuk membuat file video dapat dilihat dari jendela browser. Kami juga menyarankan Anda membuat tautan unduhan langsung ke file, yang memungkinkan pengunjung mengunduh file jika film tidak dapat diputar di browser. Di bawah ini adalah dua contoh link langsung untuk dua file video di halaman ini.
Robot penggerak floppy
Kode HTML
Floppy drive robot
Komersial IBM Linux
Kode HTML
IBM Linux commercial
Sematkan video YouTube
Menghosting video di YouTube sangat bagus karena menghemat biaya bandwidth, dapat mendukung banyak pemirsa, dan memperkenalkan video Anda kepada sebagian besar pengunjung situs Internet. Di bawah ini adalah contoh video yang dihosting di YouTube dan disematkan di situs ini.
Kode HTML
Kode HTML untuk semua video YouTube ditemukan melalui tautan berbagi yang ditemukan di setiap video YouTube. Setelah Anda mengklik Bagikan tautan, klik Menanamkan tautan. Di bawah ini adalah contoh kode yang digunakan untuk menampilkan video YouTube di atas.
Tag video
Tag
Kode HTML
Your browser does not support the <video> tag.
Tag sematan dasar
Di bawah ini adalah kode untuk metode paling dasar untuk menyematkan file ke halaman web.
Contoh kode HTML
Dalam contoh ini, Anda menggunakan elemen embed untuk menunjuk ke sumber file film yang ingin Anda putar. Contoh ini adalah contoh yang sangat mendasar dan tidak akan menampilkan peringatan apa pun. Ini tidak akan mengarahkan pengguna ke lokasi untuk mengunduh plugin jika file video tidak didukung.
Tambahkan file film menggunakan tag img
Jika Anda tidak ingin menggunakan tag
Contoh kode HTML
Sematkan tag untuk memutar film QuickTime (.MOV)
File film Apple QuickTime adalah jenis film populer lainnya di Internet. Di bawah ini adalah contoh dasar tentang cara menyertakan file-file ini di halaman web Anda.
QuickTime tidak lagi didukung di Microsoft Windows dan semua browser baru tidak lagi mendukung metode penyematan film QuickTime ini.
Contoh kode HTML
Dalam contoh semat, bagian pertama kode mengarah ke src (sumber) file film, yaitu file film itu sendiri. Selanjutnya, halaman plugin adalah lokasi pengaya jika pengunjung tidak memasangnya. Itu lebar dan tinggi adalah dimensi sebenarnya dari file video. Itu Kontroler nilai dapat disetel ke benar atau salah untuk mengaktifkan tampilan kontrol bawah.
Anda mungkin ingin menambah tinggi file video jika Anda tidak dapat melihat pengontrolnya.
Loop adalah pengaturan saat Anda ingin file dimulai kembali secara otomatis setelah selesai. Akhirnya, putar otomatis memberi tahu browser untuk memulai atau tidak memutar file video setelah halaman selesai memuat.
Ketik atribut untuk tag embed untuk menentukan plug-in
Di tag sematan, sertakan Tipe atribut untuk menentukan jenis MIME untuk file video. Melakukannya memungkinkan Anda menentukan plugin yang diperlukan untuk memutar video di browser.
Contoh kode HTML
Pada contoh di atas, atribut type disetel ke video / x-msvideo, yang merupakan tipe MIME untuk file video AVI.
Untuk menentukan nilai yang akan diberikan ke Tipe atribut untuk jenis file video lainnya, periksa daftar jenis MIME untuk file video di halaman Jenis Media IANA.