jQuery：width＆amp;加载时<embed />标记的height属性值

Question

我有一个嵌入标签。

<embed id="embed1" src="test.mp4" width="320" height="260" ></embed>

如何改变宽度和宽度使用JavaScript / jQuery加载<embed>标记的height属性？我知道如何通过以下脚本设置属性值：

$(document).ready(function() {
  $('#embed1').attr('width', '320');
});

我可以将宽度设置为100％，但是height属性的值是什么？

<embed id="embed1" src="test.mp4" width="100%" height="?" ></embed>

我希望我可以省略height属性，或将其设置为auto。

注意：鉴于我不能使用HTML5 <video>代码，因为我必须向后支持旧浏览器。

Answer 1

使用width()和height()功能，而不是使用attr()来设置宽度和高度。

$(document).ready(function() {
  embed1 = $('#embed1');
  embed1.width(320);
  embed1.height(embed1.width(320));
});

Answer 2

你可以省略height属性，就像这样......

$(document).ready(function() {
    $('#embed1').attr('width', '320').removeAttr("height");
});

我不知道结果会是什么，但至少你知道现在你可以做到：）

Answer 3

鉴于您希望保持纵横比不是：

var embed = $('#embed1');
var ar = embed.width()/embed.height(); 
embed.attr('width', '100%'); 
embed.attr('height', embed.width()/ar);

Answer 4

应该是这样的：

$("#embed1").css({ 'width' : '320' });