javascript - javascriptでビデオタグのposter属性を変更するにはどうすればよいですか?

Question

ネイティブ JavaScript または jQuery を使用して、HTML ビデオ タグの poster 属性を変更したいと考えています。どんな助けでも大歓迎です。

<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

ネイティブに行うには、属性を変更するだけです:

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

Answer 2

jQuery のattrメソッドを使用します。例:

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

またはネイティブsetAttribute :

document.querySelector('#htmlFive').setAttribute('poster', 'newvalue')

Answer 3

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