三类精彩赛事直播，不同缩放设置。 1 — 画面自适应， 2 — 仅横向适应， 3 — 无边距，动画流畅，右上角关闭。

您可以为每场赛事添加任意内容，并混合不同类型的信息。此示例支持根据移动方向预加载下一场赛事信息。如需添加触控滑动支持，请参考相关文章。

如果您希望在比赛完全加载后才打开直播，可以通过JavaScript预加载比赛视频。或者使用缩略图代替全尺寸图像。动画效果仅适用于视频回放。

在此示例中，直播窗口在小屏幕上自动禁用，并触发链接的默认行为。

动画效果通过简单的CSS过渡实现，您可以根据喜好自定义。更多动画效果请参考CodePen。

世界杯直播为您提供专业、贴心的服务体验。

输入的竞猜信息在打开和关闭直播窗口后不会丢失，即使您跳转到其他页面再返回，信息也会保留。

您可以完全控制直播窗口显示的内容，通过CSS将其对齐到任意位置，并启用或禁用窗口右侧的滚动条。

赛事提醒窗口阻止了常规的关闭方式。

这是关于如何显示错误消息的基本示例，您可以随意修改文本和样式。

Examples