Question

几天来我一直在遇到问题，这使我发疯！

当我尝试在html文件中设置视频标签的属性“宽度”，“高度”时，效果很好。.但是当我尝试通过jQuery更改属性时，它将无法正常工作！

例如：

案例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（）更改视频高度无法正常工作

1 个答案: