Custom HTML and videos

How to embed custom HTML and video elements into your documentation pages

DuckDocs allows you to embed a subset of HTML into your pages. This is perfect for embedding YouTube videos for example.

Embedding a Video

<iframe width="100%" height="315" src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Embedding other HTML

Certain components are easier to embed as full html. Here’s an example of a card component from the Tabler documentation

<div class="card bg-black">
  <div class="card-img-top img-responsive img-responsive-21x9" style="background-image: url(https://app.duckdocs.com/sites/3/pages/custom-element-styles/images/37)"></div>
  <div class="card-body">
    <div class="card-title">Card with title and image</div>
    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
      neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
  </div>
</div>
Card with title and image

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem.

On this page

    powered by