tutorial pengembangan web terbaru

HTML Video Youtube


Cara termudah untuk memutar video dalam HTML, adalah menggunakan YouTube.


Berjuang dengan Video Format?

Versi berbeda dari browser yang berbeda mendukung format video yang berbeda.

Sebelumnya dalam tutorial ini, Anda telah melihat bahwa Anda mungkin harus mengkonversi video Anda ke format video yang berbeda untuk membuat mereka bermain di semua browser.

Mengkonversi video ke format yang berbeda bisa sulit dan memakan waktu.

Solusi yang lebih mudah mungkin untuk membiarkan YouTube memutar video di halaman web Anda.


Id Video YouTube

YouTube akan menampilkan id (like XGSy3_Czz8k) , ketika Anda menyimpan (or play) video.

Anda dapat menggunakan id ini, dan lihat video di HTML.


Bermain Video YouTube di HTML

Untuk memutar video Anda pada halaman web, lakukan hal berikut:

  • Mengunggah video ke YouTube
  • Mengambil catatan dari id video yang
  • Mendefinisikan <iframe> elemen dalam halaman web Anda
  • Biarkan src titik atribut URL video
  • Gunakan lebar dan tinggi atribut untuk menentukan dimensi pemain
  • Menambahkan parameter lain ke URL

Contoh - Menggunakan iFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Cobalah sendiri "

Parameter YouTube

sembunyi otomatis

Nilai 0: The kontrol pemutar selalu terlihat.

Nilai 1: The kontrol pemutar menyembunyikan secara otomatis ketika video diputar.

Nilai 2 (default) : Jika pemain memiliki 16: 9 atau 4: 3 rasio, sama seperti 1, jika tidak sama dengan 0.

autoplay

Nilai 0 (default) : Video tidak akan bermain secara otomatis ketika beban pemain.

Nilai 1: Video akan diputar secara otomatis ketika beban pemain.

kontrol

Nilai 0: kontrol Player tidak ditampilkan. Beban video yang segera.

Nilai 1 (default) : Pemain mengontrol display. Beban video yang segera.

Nilai 2: Pemain mengontrol tampilan, namun video tidak memuat sebelum pengguna memulai pemutaran.

putaran

Nilai 0 (default) : Video akan diputar hanya sekali.

Nilai 1: Video akan loop (forever) .

playlist

Sebuah daftar dipisahkan koma video untuk bermain (in addition to the original URL) .


YouTube <object> Sematan

YouTube <object> embeds yang usang dari bulan Januari 2015.

Anda harus bermigrasi aplikasi Anda untuk menggunakan <iframe> embeds.

Contoh - Menggunakan <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Cobalah sendiri "

Contoh - Menggunakan <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Cobalah sendiri "