jQuery .attr() 更改视频高度无法正常工作

Question

几天来我一直面临一个问题，这让我发疯了！

当我尝试在 html 文件中设置视频标签的属性 "width"、"height" 时，它工作正常..但是当我尝试通过 [=57 更改属性时=], 不行！

例如：

案例 1（没有 jQuery）：

css:

#VID_CON{
    position:relative;
    width:80%;
    height:100%; /* height equals to 662px*/
    float:left;
    background-color:green;

}

html:

<div id="VID_CON">
  <video id="MYVID"  width="100%" height="400px" >
    <source src="media/tm.mp4" type="video/mp4">
  </video>
</div>

看起来像这样：

enter image description here

案例 2（jQuery）：

css:

#VID_CON{
    position:relative;
    width:80%;
    height:100%; /* height equals to 662px */
    float:left;
    background-color:green;
}

html:

<div id="VID_CON">
  <video id="MYVID"  width="100%" height="400px" >
    <source src="media/tm.mp4" type="video/mp4">
  </video>
</div>

jQuery:

window.setInterval(function(){

   var vid_h= $("#VID_CON").height(); //returns "662"
       $("#MYVID").attr("height", vid_h +"px") ;   

},200);

现在看起来像这样：

enter image description here

那么，我在这里缺少什么？请帮忙..

此致。

Answer 1

好的我刚刚解决了问题..

window.setInterval(function(){

   var vid_h= $("#VID_CON").height(); //returns "662"

       //#mep_0 is the id of MediaElement video container
       $("#mep_0").css("height", vid_h +"px");
       $("#MYVID").attr("height", vid_h +"px");  

},200);

jQuery .attr() 更改视频高度无法正常工作

jQuery .attr() changing video height not working properly

video

jquery

height

resize

attr