如何将不同的对象拟合属性应用于HTML';s视频海报独立于it';谁的家长视频?

如何将不同的对象拟合属性应用于HTML';s视频海报独立于it';谁的家长视频?,html,css,html5-video,Html,Css,Html5 Video,这可以通过使用事件处理程序和javascript轻松实现。我正在寻找CSS解决方案 在以下示例中,将样式应用于一个将替代另一个: 视频{ 对象匹配:覆盖; } 录像[海报]{ 对象匹配:填充; } 您的浏览器不支持视频标记。 video[poster]不是海报的选择器,而是匹配具有poster属性的video元素 我不认为你可以单独针对视频的海报。播放之前,您可以在视频元素上放置一个单独的元素,其中海报图像位于视频元素之上。我怀疑您是否可以,海报是视频元素的一部分

这可以通过使用事件处理程序和javascript轻松实现。我正在寻找CSS解决方案

在以下示例中,将样式应用于一个将替代另一个:

视频{
对象匹配:覆盖;
}
录像[海报]{
对象匹配:填充;
}

您的浏览器不支持视频标记。

video[poster]
不是海报的选择器,而是匹配具有
poster
属性的
video
元素


我不认为你可以单独针对视频的海报。播放之前,您可以在视频元素上放置一个单独的元素,其中海报图像位于视频元素之上。

我怀疑您是否可以,海报是视频元素的一部分