防止HTML 5 `video`在源更改时闪烁海报图像

HTML5的video元素是用于在网页上播放视频的标签。当视频源发生更改时，有时会出现海报图像闪烁的问题。为了防止这种闪烁，可以采取以下措施：

1. 预加载海报图像：在video元素中添加poster属性，指定一个海报图像的URL。这样在视频加载之前，浏览器会先加载并显示海报图像，避免了闪烁的问题。
2. 使用JavaScript控制视频加载：通过JavaScript代码来控制视频的加载过程，可以更加灵活地处理视频源的更改。可以使用canplaythrough事件来监听视频可以正常播放的状态，然后再切换视频源。
3. 使用CSS隐藏视频元素：在视频源更改之前，可以使用CSS将video元素隐藏起来，避免用户看到闪烁的效果。可以通过设置display: none;或者visibility: hidden;来实现隐藏。
4. 使用视频预加载技术：可以使用浏览器提供的预加载属性来预加载视频，例如<link rel="preload" href="video.mp4" as="video">。这样可以在视频源更改之前提前加载视频，减少闪烁的可能性。
5. 使用视频流技术：如果可能的话，可以考虑使用视频流技术，例如HLS（HTTP Live Streaming）或者DASH（Dynamic Adaptive Streaming over HTTP）。这些技术可以实现视频的实时流式传输，避免了视频源更改时的闪烁问题。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云视频处理（云点播）：提供了丰富的视频处理功能，包括视频转码、视频截图、视频水印等，可以帮助解决视频处理相关的问题。详情请参考：腾讯云视频处理
• 腾讯云内容分发网络（CDN）：通过将内容缓存到全球各地的节点服务器上，提供快速的内容传输和加速服务，可以帮助提高视频播放的质量和速度。详情请参考：腾讯云CDN
• 腾讯云直播（云直播）：提供了实时的音视频直播服务，可以帮助解决直播相关的问题。详情请参考：腾讯云直播

请注意，以上仅为示例，实际上还有更多腾讯云的产品和服务可以用于解决视频相关的问题。