1

我有一个嵌入标签。

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

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

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

我可以将宽度设置为 100%，但高度属性的值是多少？

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

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

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

4

4 回答 4

1

使用width()和height()函数而不是使用attr()来设置宽度和高度。

$(document).ready(function() {
  embed1 = $('#embed1');
  embed1.width(320);
  embed1.height(embed1.width(320));
});
于 2013-02-13T09:08:55.107 回答
0

鉴于您想保持纵横比，不是这样：

var embed = $('#embed1');
var ar = embed.width()/embed.height(); 
embed.attr('width', '100%'); 
embed.attr('height', embed.width()/ar);
于 2013-02-13T09:19:16.587 回答
0

应该是这样的：

$("#embed1").css({ 'width' : '320' });
于 2013-02-13T09:25:09.787 回答
0

你可以省略高度属性，像这样......

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

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

于 2013-02-13T09:10:06.553 回答