如GIF所示，在单击YouTube视频之前会出现一个覆盖层。我想在点击视频之前显示一个图像，点击后，图像消失，视频开始播放。我如何在自己的网页上实现这一点？
rm5edbpk1#
你可以使用CSS来做这件事。当你的页面或页面片段等加载时，同时加载图像和视频。使用CSS，将图像直接覆盖在视频上。当用户点击图像时，使用点击处理程序来改变CSS并隐藏图像或将其移动到视频后面。你可以看到一些CSS重叠方法的例子，比如：https://stackoverflow.com/a/21086525/334402和https://www.w3schools.com/howto/howto_css_image_overlay_title.asp
1条答案
按热度按时间rm5edbpk1#
你可以使用CSS来做这件事。
当你的页面或页面片段等加载时，同时加载图像和视频。
使用CSS，将图像直接覆盖在视频上。
当用户点击图像时，使用点击处理程序来改变CSS并隐藏图像或将其移动到视频后面。
你可以看到一些CSS重叠方法的例子，比如：https://stackoverflow.com/a/21086525/334402和https://www.w3schools.com/howto/howto_css_image_overlay_title.asp