gpt4 book ai didi

html - 如何在图像悬停状态下设置播放按钮?

转载 作者:行者123 更新时间:2023-11-28 08:34:40 25 4
gpt4 key购买 nike

我使用 html、css 和 jquery 创建了弹出式播放 youtube 视频。

现在我需要在悬停图像时显示、播放按钮。

这是我试过的代码,

http://jsfiddle.net/495vbwy2/

我可以知道怎么办吗?

HTML:

  <div class="videoThum"> <a href="javascript:;"  rel="http://www.youtube.com/embed/GNb8T5NBdQg?list=PL6B08BAA57B5C7810" class="youTubeVideo" ><img src="slide-2.jpg"/></a></div>
</div>

当我这样锻炼的时候,

.guideBox .videoThum a:hover{color:#000; opacity:1;}

这是行不通的。我可以知道怎么做吗,

谁能帮帮我。提前致谢。

最佳答案

试试这个。根据需要更改颜色和不透明度。

.youTubeVideo:hover {
opacity:0.5;
background-color:#ffffff;
background-image:url('image.png');
}

关于html - 如何在图像悬停状态下设置播放按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28103573/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com