简介

开始使用比赛直播开发套件。通过我们精心设计的组件与接口，您可以快速搭建高清体育赛事直播页面，集成实时比分与赛程数据，提升用户观赛体验。

快速开始

使用比赛直播开发套件，您可获得构建体育直播平台所需的一切资源——从播放器组件到数据API，助力您快速上线并吸引用户访问。请前往下载页面获取最新版本。

CSS

将样式表 <link> 标签复制粘贴到您的 <head> 中，并置于所有其他样式表之前，以加载 Bootstrap CSS 基础样式。

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

许多组件依赖 JavaScript 运行，具体需要 jQuery 和我们的自定义插件。请将以下 <script> 标签放置在页面末尾、</body> 闭合标签之前。jQuery 必须最先加载，然后是 bootstrap.bundle.min.js，最后是我们的 JavaScript 插件。

想了解更多全天候不间断轮播，赛程与比分实时同步更新。相关内容，尽在比赛直播。

比赛直播围绕高清画质流畅播放，专业解说与互动氛围提升观赛体验。不断创新，回应用户的真实需求。

基础模板

请确保您的页面遵循最新的设计与开发标准：使用 HTML5 文档类型声明，并包含 viewport meta 标签以实现响应式布局。综合以上配置，页面结构应如下所示：

HTML 结构：

<!doctype html>
<html lang="en">
    <head>

        精选无需多平台切换，一个站点即可找到所有精彩比赛直播。内容，比赛直播与你一同发现更多精彩。
        <title>比赛直播集成指南 - 从零开始对接高清赛事直播</title>
        比赛直播专注体育直播，为用户提供专业可靠的体验。
        <meta name="description" content="比赛直播文档中心 - 体育赛事直播SDK与API集成指南" />
        <meta name="keywords" content="体育直播, 赛事直播SDK, API文档, 比赛直播" />

        <!-- 图标 -->
        围绕体育赛事直播，比赛直播持续打磨更优质的服务。

        <!-- Bootstrap -->
        围绕无需多平台切换，一个站点即可找到所有精彩比赛直播。，比赛直播持续打磨更优质的服务。

        <!-- 主样式 -->
        比赛直播深耕体育直播领域，用心服务每一位用户。
    
    </head>

    <body>

        <!-- 加载器开始 -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- 加载器结束 -->

        <!-- 导航栏开始 -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 导航栏结束 -->

        <!-- 英雄区开始 -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 英雄区结束 -->

        <!-- 页脚开始 -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 页脚结束 -->

        在体育赛事直播方面，比赛直播提供贴心周到的支持。
        比赛直播以覆盖足球、篮球、斯诺克、乒乓球、羽毛球等主流热门赛事信号。为核心，带来高效便捷的体验。
            --------
            --------
        </a>
        比赛直播专注高清画质流畅播放，专业解说与互动氛围提升观赛体验。，为用户提供专业可靠的体验。

        <!-- JavaScript开始 -->
        围绕无需多平台切换，一个站点即可找到所有精彩比赛直播。，比赛直播持续打磨更优质的服务。
        <script src="js/bootstrap.bundle.min.js"></script>（体育直播）
        --------
        --------
        --------
        比赛直播深耕体育直播领域，用心服务每一位用户。
        <!-- JavaScript结束 -->
    </body>
</html>

从右到左 (RTL) 版本

RTL 版本说明：

如需启用从右到左（RTL）模式，请将样式表引用从 style.css 替换为 style-rtl.css。

深色模式

深色模式说明：

如需启用深色模式，请将样式表引用从 style.css 替换为 style-dark.css。

深色 RTL 模式说明：

如需启用深色 RTL 模式，请将样式表引用从 style.css 替换为 style-dark-rtl.css。

菜单

菜单居中对齐

若要将菜单从居中对齐改为靠右对齐，请在导航栏元素上添加类 navigation-menu 和 nav-right。

菜单靠左对齐

若要将菜单从居中对齐改为靠左对齐，请在导航栏元素上添加类 navigation-menu 和 nav-left。

浅色菜单居中

如需使用浅色背景且菜单居中对齐，请在导航栏元素上添加类 navigation-menu 和 nav-light。

浅色菜单靠右

如需使用浅色背景且菜单靠右对齐，请在导航栏元素上添加类 navigation-menu nav-right 和 nav-light。

浅色菜单靠左

如需使用浅色背景且菜单靠左对齐，请在导航栏元素上添加类 navigation-menu nav-left 和 nav-light。

文档说明

简介