html тег <embed> атрибут height

Атрибут height встановлює висоту об'єкта. В задані розміри входить не тільки саме зображення, наприклад в разі відтворення відеофайлу, а й панель керування ним, включаючи кнопки програвання, паузи, зупинки і т. Д. З цієї причини на розмір відображуваного об'єкта впливає тип файлу і застосовуваний плагін.

Якщо використовується процентний запис, то розміри об'єкта обчислюються щодо батьківського елементу - контейнера, де розташовується елемент <embed>. У разі відсутності батьківського контейнера, в його якості виступає вікно браузера. Іншими словами, height = "100%" означає, що об'єкт буде займати всю доступну висоту веб-сторінки.

правити

+ додати пораду чи нотатку

Синтаксис

<embed height="pixels">

Атрибут height може отримувати єдине значення:

pixels

Висота вбудованого вмісту в пікселях (height="100")

автор: с3с

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	≤4	≤12.1	12	≤6

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	≤3.2

Приклади

+ запропонувати свій приклад у пісочниці

<p> Приклад використання атрибуту <code> height </code> </p>
<p id="text"> Поточна висота фрейма: 100 </p>
<input type="range" id="range" min="0" max="500" step="1" name="range">
<input type="button" value="Встановити висоту" onclick="f()">
<hr>
<div class="block1" >
  <p> З використанням атрибуту <code> height </code> </p>
   <embed id="image" width="100" height="100" src="//www.youtube.com/embed/58-atNakMWw"  allowfullscreen></embed>
</div>

<div class="block1" >
  <p> Без використання атрибуту <code> height </code> </p>
  <embed width="100" height="100" src="//www.youtube.com/embed/58-atNakMWw"  allowfullscreen></embed>
</div>

.block1{
  float:left;
  width:40%;
  border:2px solid black;
  
}

function f() {
  var height = document.getElementById("range").value;
  var image = document.getElementById("image");
  image.setAttribute("height", height);
  text.innerHTML = "Поточна висота зображення " + height;
}
//# sourceURL=pen.js