jquery 如何用javascript修改video标签poster属性?

ibps3vxo  于 2023-05-28  发布在  jQuery
关注(0)|答案(4)|浏览(448)

我想使用原生JavaScript或jQuery来更改HTML video标签上的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>

谢谢你!

sulc1iza

sulc1iza1#

要在本机执行此操作,只需更改属性:
document.getElementById('htmlFive').setAttribute('poster','newvalue');

hgc7kmma

hgc7kmma2#

使用jQuery的attr方法,例如:

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

或原生setAttribute

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

a1o7rhls3#

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

bpzcxfmw4#

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

相关问题