Html Code youtube embed, video, audio formating

Example Video

Html Code Play Iframe, youtube, Video, audio - Marupakan kode html yang di gunakan dalam meng aplikasikan untuk memutar atau menampilkan web video atau audio sepertiEmbed Youtube tag atau kode html untuk mempercantik artikel dengqn sebuah video, namun dalam tutorial kali ini bukan untuk membuat videonya, atau animasi lainnya, tapi bagaimana menampilkan video tersebut dengan metode html yang sangat mudah dan indah.

untuk apakan kode tersebut seperti youtube embed htmlatau flash swf tersebut, mari kita telurusi tujuan html kode tersebut

1. Menampilkan website, Video, sesuai dengan selera dan kebutuhan


2. Memudahkan pemutaran video, mp3, atau flash


3. Desain dalam bentuk video


4. Memahami kapan play dan loop video atau mp3

setelah kita memahami fungsinya kita wajib tau juga pengertiannya.

iframe adalah metode paking url dalan bentuk bingkai berupa website atau video.

Embed adalah sebuah metode pemutaran video dalam bentuk bingkai.

object adalah metode pemutaran file dalam format .sw

audio adalah script html untuk memutar audio baik dalam pengulangan atau tidak.

video adalah metode pembacaan file dalam format video

setelah kita pahami script kode html tersebut.

 Mari kita mulai script html kode saru persatu dengan contohnya.

Contoh Iframe

Contoh Iframe

<iframe src="http://situs"></iframe>

Hasilnya akan terlihat sebuah sebuah situs atau video dalam posisi bingkai dalam situs kita.

Contoh Iframe youtube

Contoh Iframe

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

Masukan Url Youtube dalam kode Embed akan terlihat youtube dengan keterangannya

Contoh Youtube auto play

Contoh Ife

<iframe width="420" height="315" src="https://www.youtube.com/embed/urlembedyoutube?autoplay=1"></iframe>

Hasilnya otomatis youtube putar otomatis

Contoh Iframe video dan mengulangnya 4 kali

Contoh Iframe

<iframe width="420" height="315" src="https://www.youtube.com/embed/Gantirl8?loop=4"></iframe> 

Hasilnya akan terputar dan terulang sebanyak 4 kali

Contoh youtub show info

Contoh Iframe

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

Hasilnya iframe video dengan tanpa show info

Contoh Iframe youtube fullscreen

Contoh Iframe

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

Hasilnya akan terlihat fullscreen 

Contoh Iframe play 45

Contoh Iframe

<iframe width="420" height="315" src="https://www.youtube.com/embed/WsB0DNhWEq8?start=45"></iframe> 

Hasilnya menampilakn youtube dalam html tag

Contoh Iframe youtube full HD

Contoh Iframe

 <iframe width="420" height="315" src="https://www.youtube.com/embed/WsB0DNhWEq8?start=45&showinfo=0&autoplay=1&HD=1" allowfullscreen></iframe> 

Hasilnya akan terlihat video yotube dalam mode fullscreen

Contoh objet menampilakn file .swf

 <object width="100%" data="MaskFlash.swf" type="application/x-shockwave-flash"></object> 

Hasilnya akan mampu menampikan file swf dalam binkai tinggal masukan URL pada swf tersebut.

Contoh Iframe

<audio autoplay="true" src="song.MP3"> 

 </audio> 

Hasilnya akan terlihat mp3 player

Contoh html audio auto loop( pengulangan)

 <audio loop="true" autoplay="true" src="smallsound.MP3"> 

  </audio> 

Hasilnya akan terputa audio dan terus menerus di ulang otomatis

Contoh Pemutaran Video html

 <video width="480" src="video.MP4"> 

  </video> 

Hasilnya akan tampil video dalan mode html source

Contoh video mode hml

<video width="480" autoplay="true" src="video.MP4"> 

  </video> 

Hasilnya video html soirce code

Contoh video auto play

Cont<video width="480" controls autoplay="false" src="video.MP4">

Hasilnya akan terputar otomatis aaat di buka

Contoh video control seret

 <video width="480" loop controls autoplay="true" src="video.MP4">

Hasilnya akan ada kontrol video 

Contoh embed video

 <embed src="video.MP4" /> 

Hasilnya terlihat video dalam mode html embed.