tRikSonic
Tema

HTML embed Tag

Terakhir diperbarui : 23 Mei 2018 - 15.29

Penjelasan HTML embed :

HTML embed Tag - belajar html <embed>, element <embed> mempunyai definisi sebagai wadah atau container yang menampung konten atau aplikasi dari luar (dengan kata lain, plug-in) kedalam format html.
background html
html <embed> mempunyai mempunyai merupakan element baru yang hadir pada HTML5, dan element ini memiliki kesamaan dengan html <iframe>. Beberapa file yang file yang support dengan html <embed> adalah sebagai berikut :
  1. swf
  2. wmv
  3. mov
  4. mpeg>
  5. mid (file midi)
Selain beberapa jenis file diatas, html <embed> juga bisa membaca file berupa gif, png, jpeg, halaman website, video youtube, file pdf, file word, excel dan lain sebagainya, dengan ketentuan file tersebut berada pada file hosting, jika konten bersifat online untuk umum.

Contoh 1 html element <embed> :

<embed src="https://sites.google.com/site/untukpublictriksonic/media/flyingsnail1.swf"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>pastikan Adobe Flash Player dalam keadaan Aktif</p>

<embed src="https://sites.google.com/site/untukpublictriksonic/media/flyingsnail1.swf"/>

</body>
</html>

Contoh 2 html element <embed> :

<embed src="https://www.youtube.com/embed/Rc2dG7uMlhA"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>Contoh html embed video youtube</p>

<embed src="https://www.youtube.com/embed/Rc2dG7uMlhA"/>  

</body>
</html>

Attributes :

Attribute html <embed> :
AttributeValueDeskripsi
heightangka (pixels)Menentukan tinggi element <embed>
srcURLMenentukan url/link suatu file
typemedia_typeMenentukan jenis tipe suatu file
widthangka (pixels)Menentukan lebar element <embed>

Global Attributes:

Element <embed> mencakup Global Attributes HTML.

Event Attributes:

Element <embed> mencakup Event Attributes HTML.

Browser Support :

Desktop

ChromeYa
SafariYa
FirefoxYa
OperaYa
IEYa
EdgeYa

Mobile

Android Webview?
Chrome Android?
Edge Mobile?
Firefox Android?
Opera Android?
iOs Safari?
Samsung Internet?

Default CSS :

Browser yang support dengan element <embed>, biasanya mempunyai nilai default :
/* none */
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.