jQuery .attr () изменение высоты видео не работает должным образом - PullRequest
Новая
       20

jQuery .attr () изменение высоты видео не работает должным образом

0 голосов
/ 26 августа 2018

Я несколько дней сталкиваюсь с проблемой, которая сводит меня с ума!

когда я пытаюсь установить атрибуты "ширина", "высота" видео-тега в HTML-файле, он просто работает нормально ... но когда я пытаюсь изменить attr с помощью 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>

будет выглядетькак это:

введите описание изображения здесь

Случай 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);

Теперь это будет выглядеть так:

введите описание изображения здесь

Итак, что мне здесь не хватает?Пожалуйста, помогите ..

С уважением.

1 Ответ

0 голосов
/ 26 августа 2018

хорошо, я только что решил проблему .. 

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);
...