Thay đổi thuộc tính poster thẻ video bằng javascript như thế nào?

Question

Tôi muốn sử dụng JavaScript hoặc jQuery gốc để thay đổi thuộc tính áp phích trên thẻ video HTML. Mọi sự trợ giúp sẽ rất được trân trọng.

<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> 

Cảm ơn bạn! attr phương pháp

Answer 1

Để làm điều đó tự nhiên, chỉ cần thay đổi các thuộc tính:

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

Answer 2

Sử dụng jQuery, ví dụ:

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

Answer 3

$('#video source').attr('src', srcPath); 

Answer 4

$("#example_video_1 .vjs-poster").css('background-image', 'url(http://video- js.zencoder.com/oceans-clip.jpg)').show();