JavaScript 参考手册
Video poster 属性
修改当前视频数据在无效时显示的图片
源代码:
点击运行 »
<video id="myVideo" width="320" height="240" poster="/images/logo.png" controls> <source src="/examples/movie.mp4" type="video/mp4"> <source src="/examples/movie.ogg" type="video/ogg"> 您的浏览器不支持 video 标签。 </video> <p>点击按钮修改预览图片。</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { document.getElementById("myVideo").poster = "/images/logo2.png"; } </script>
运行结果:
点击运行 »