Added teaser video

Summary: Added teaser video

Reviewed By: una-dinosauria

Differential Revision: D63808117

fbshipit-source-id: 5302c43f2ddffd5b573a44b446a4aa40f4b113b5

docs/requirements.txt

@@ -8,3 +8,4 @@ myst_parser
 sphinx_design
 nbsphinx
 ipython
+sphinxcontrib-video

docs/source/_static/custom.css

@@ -82,3 +82,7 @@ p.bd-links__title {
   font-size: 0.75em;
   margin-left: 0.3em;
 }
+
+.full-width {
+  width: 100%
+}

docs/source/conf.py

@@ -41,6 +41,7 @@ extensions = [
     "sphinx.ext.intersphinx",
     "myst_parser",
     "sphinx_design",
+    "sphinxcontrib.video",
 ]
 autosummary_generate = True
 katex_prerender = True

docs/source/index.md

@@ -26,6 +26,14 @@ DRTK provides a set of differentiable components to build custom differentiable
 * **edge_grad**: Computes gradients at discontinuities.
 * **CUSTOM SHADING** and **LOSS FUNCTION**: User-defined components for shading and loss calculation.
 
+```{video} _static/teaser_video.mp4
+  :loop:
+  :autoplay:
+  :class: full-width
+```
+Fitting of a simple hand model with simple lambertian material to a single photo. See tutorial [Single Image Hand Fitting](tutorials/DRTK_Tutorial_hand_fitting).
+
+
 ## Hello Triangle!
 
 Here's a simple "Hello Triangle" example with DRTK: