Bad Youtube video formatting

[swheaton]

Weird formatting issue with a youtube video. Noticed on dataset versioning page, but might be present elsewhere that has youtube videos

page: https://beta-docs.voxel51.com/teams/dataset_versioning/

[philip]

It appears there are two main options here:

• Use iframe, similar to how it's done in the current docs
• Use the mkdocs-video plugin (but, the final release was March 2023 as it's now archived)

So the iframe is fine and simple but requires adding CSS. The following is in source/enterprise/dataset_versioning.rst:

  <div style="margin-top: 20px; margin-bottom: 20px">
    <iframe id="youtube" src="https://www.youtube.com/embed/DKUkiDQVDqA?rel=0" frameborder="0" allowfullscreen>
    </iframe>
  </div>

The site's custom.css improves it with:

#youtube {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

So I think the iframe reference in dataset_versioning.md should be similar.