자바 스크립트로 동영상 태그 포스터 속성을 변경하는 방법은 무엇입니까?

Question

기본 JavaScript 또는 jQuery를 사용하여 HTML 비디오 태그의 포스터 속성을 변경하려고합니다. 어떤 도움이라도 대단히 감사하겠습니다.

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

고맙습니다! 예를 들어

Answer 1

그냥 속성을 변경, 기본적으로 그것을 할 :이 jQuery를 위해 완벽하게 작동

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

Answer 2

사용 jQuery의 attr에있어서,

$('#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();