Html 如何更改iframe视频背景图像？

我正在使用iframe在我的网站上显示视频，并希望更改播放按钮的样式

这是我的代码：

.ytp提示缩略图覆盖图像{
背景：url(https://www.w3schools.com/css/trolltunga.jpg);
}
button.ytp-large-play-button.ytp-button{
z指数：-1！重要；
}

---

您可以使用javascript尝试以下代码

#背景视频{
背景图像：url（'http://placehold.it/580x460');
背景重复：无重复；
填充：50px；
}
#保鲜膜{
背景：url（'http://www.edu.uwo.ca/img/click_to_play.png“）无重复中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
溢出：隐藏；
背景重复：无重复；
宽度：480px；
高度：360px；
光标：指针；
}

函数play（）{document.getElementById（'vidwrap'）。innerHTML=''；}

试试这个线程..，谢谢它的效果。我仍然希望能够设计按钮的样式，但您的代码有效，我投了赞成票]