2012-10-10 90 views
7

我想使用原生JavaScript或jQuery來更改HTML視頻標籤上的海報屬性。任何幫助將不勝感激。如何使用javascript更改視頻標籤海報屬性?

<div id="videoplayer" class="video-player" style="overflow: hidden; width: 582px; height: 326px; "> 
    <div id="myPlayer"> 
     <video id="htmlFive" width="100%" height="100%" controls="" poster="undefined"> 
      <source src="blank.m3u8"> 
     </video> 
</div> 
    </div> 

謝謝!

回答

12

要做到這一點本身,只是更改屬性:

document.getElementById('htmlFive').setAttribute('poster','newvalue');

5

使用jQuery的attr方法,如:

$('#htmlFive').attr('poster', 'newvalue'); 
+1

感謝這個作品完美的jQuery的,但現在我正試圖在本地做到這一點。 – Justin

-1
$('#video source').attr('src', srcPath); 
0
$("#example_video_1 .vjs-poster").css('background-image', 'url(http://video- js.zencoder.com/oceans-clip.jpg)').show(); 
相關問題