Cara menggunakan 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)

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)

Cobalah sendiri "

Contoh - Menggunakan <embed> (deprecated)

Cobalah sendiri "

Halo teman-teman pada kesempatan kali ini saya akan menjelaskan Cara termudah untuk memutar video di HTML, adalah menggunakan YouTube.

Bermasalah dengan format video?

Sebelumnya dalam tutorial ini, Anda telah melihat bahwa Anda mungkin harus mengkonversi video teman-teman ke format yang berbeda untuk membuat mereka bermain di semua browser. Mengkonversi video ke format yang berbeda bisa sulit dan memakan waktu. Solusi yang lebih mudah adalah dengan membiarkan YouTube memutar video di halaman web teman-teman. Bisa teman-teman lihat pada link pada sebuah video dari youtube, video tersebut akan memiliki ID yang bisa kita lihat pada link video tersebut.

Memutar Video Youtube di HTML

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

Mengunggah video ke YouTube
Mengambil dari id video dari link video tersebut yang
Menggunakan elemen <iframe> dalam halaman web Anda
Biarkan titik atribut src untuk URL video
Gunakan lebar dan tinggi atribut untuk menentukan dimensi dari pemain
Menambahkan parameter lain untuk URL (seperti dibawah ini)

Menggunakan <iframe> (Direkomendasikan)

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

Video yang teman-teman masukan pada website dapat diplay atau diputar secara otomatis ketika website tersebut dibuka, dengan menambahkan parameter sederhana.

Nilai 0 (default): Video tidak akan berputar secara otomatis ketika website dibuka

Nilai 1: Video akan diputar secara otomatis ketika website dibuka

Membuat playlist video?

Teman-teman cukup menambahkan koma (dipisahkan ) di link video untuk diputar (di samping URL asli).

Penggulangan pemutaran video?

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

Nilai 1: Video akan terus berputar.

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k?playlist=XGSy3_Czz8k&loop=1">
</iframe>

Kontrol Video?

Nilai 0(default): Kontroler video tidak ditampilkan

Nilai 1: Kontroler video ditampilkan

<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k?controls=0">
</iframe>

Sebenarnya dulu untuk memutar video dari Youtube di website teman-teman dapat menggunakan elemen <object> atau <embed> namun pada januari 2015, teman-teman harus menggunakan <iframe> sebagai penggantinya.

Contoh menggunakan <object> dan <embed>

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

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

Mudah ya teman-teman. Semoga bermanfaat

Apa elemen HTML yang benar untuk memutar file video?

kita akan menggunakan element dari html5 untuk dapat memutar file video langsung pada halaman html. adapun element html5 yang akan kita gunakakan untuk membuat pemutar video adalah element <video>.. </video>.

Langkah langkah untuk menyisipkan video YouTube ke dalam website kita yaitu?

Menyematkan video atau playlist.

Di komputer, buka video atau playlist YouTube yang ingin disematkan..

Klik BAGIKAN ..

Dari daftar opsi Bagikan, klik Sematkan..

Dari kotak yang muncul, salin kode HTML..

Tempelkan kode tersebut ke HTML situs Anda..

Bagaimana cara memasukan video ke halaman web?

Menambahkan Video pada Post dan Page.

Ketikkan URL (alamat internet) dari video pada Video URL textbox. Biasanya situs yang membagikan videonya sevara gratis sudah menyediakan URL yang bisa di copy-paste..

(Optional) Ketikkan judul dari video pada Title text box..

Klik tombol Insert into Post..

Apakah fungsi atribut Controls pada tag video?

Atribut control berfungsi untuk menambahkan kontrol pada video seperti putar, jeda, dan volume. Sebaiknya selalu menyertakan atribut lebar (width) dan tinggi (height). Jika tinggi dan lebar tidak diatur, halaman mungkin berkedip saat video dimuat.