jquery - jQuery：の幅と高さの属性値ロード時のタグ

Question

埋め込みタグがあります。

<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に設定したりできればと思います。

注<video>：古いブラウザをバックワードサポートする必要があるため、 HTML5タグを使用できないことを前提としています。

score 1 · Accepted Answer

attr（）を使用して幅と高さを設定する代わりに、width（）関数とheight（）関数を使用します。

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

score 0 · Accepted Answer

このように、height属性は省略できます...

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

その結果がどうなるかはわかりませんが、少なくとも今はそれができることを知っています:)

score 0 · Accepted Answer

アスペクト比を維持したい場合は、次のようになります。

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

score 0 · Accepted Answer

0

このようにする必要があります：

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

于 2013-02-13T09:25:09.787 に答える

4 に答える 4