index.html

---
title: Brightcove Player Documentation
parent: null
layout: landing_page
---
<!-- main content -->
<div class="page-content">
  <div class="container">
    <div class="docs-overview py-5">
      <div class="row justify-content-center">
        <div class="text-center">
          <p>
            Check out the extensive list of
            <a href="/code-samples/index.html">code samples</a> for player customization possibilities.
          </p>
          <div class="d-flex justify-content-center">
            <div style="margin-right: 40px;">
              <p><strong>Brightcove Player current version</strong></p>

              <!-- <p>For release 7.x: <strong><a href="/release-notes/brightcove-player-release-notes.html">v7.0.0</a></strong></p> -->
              <p><strong><a href="/release-notes/brightcove-player-release-notes.html">v7.22.2</a></strong></p>
            </div>

            <div style="margin-left: 40px;">
              <p><strong>Pre-release</strong></p>

              <!-- <p>For release 7.x: <strong><a href="/release-notes/brightcove-player-release-notes.html">v7.1.1</a></strong></p> -->
              <p><strong><a href="/release-notes/brightcove-player-release-notes.html">v7.22.2</a></strong></p>
            </div>
          </div>
        </div>

        {% for section in site.data.navigation offset:1 %}
        <div class="col-12 col-lg-4 py-3">
          <div class="card card-hover shadow-sm">

            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="span-icon card-icon-holder icon-theme me-2">
                  <i class="{{ section.icon }}"></i>
                </span><!--//card-icon-holder-->
                <span class="card-title-text">{{ section.name }}</span>
              </h5>
              <div class="card-text">
                {{ section.description }}
              </div>
              <a class="card-link-mask" href="{{ section.url }}"></a>
            </div><!--//card-body-->
          </div><!--//card-->
        </div><!--//col-->
        {% endfor %}
      </div><!--//row-->
    </div><!--//container-->
  </div><!--//container-->
</div><!--//page-content-->