Как изменить атрибут плаката тега видео с помощью javascript?

Я хочу использовать собственный JavaScript или jQuery для изменения атрибута плаката в теге HTML video. Любая помощь будет очень признательна.

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

спасибо!

8
html5-video javascript jquery native poster

4 ответов

сделать это изначально, просто измените значение атрибута:

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

12

используйте jQuery attr способ, электронные.г:

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