replaced raw html with video directive (#389)

getodk · Dec 16, 2017 · 51bac9e · 51bac9e
1 parent 49065e6
commit 51bac9e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/collect-filling-forms.rst b/collect-filling-forms.rst
@@ -29,11 +29,9 @@ Free response
 
 Free-entry text and number answers are entered using the device keyboard. The appropriate keyboard (letters or numbers) opens when the question appears.
 
-.. raw:: html
+.. video:: /vid/collect-completing-forms/keyboard-popup.mp4
 
-  <video controls muted style="max-width:100%">
-    <source src="/collect-completing-forms/keyboard-popup.mp4">
-  </video>
+  Video showing text keyboard popup when a string input is required and number keyboard popup when a number input is required.
 
 Select response
 ~~~~~~~~~~~~~~~~~
@@ -101,11 +99,9 @@ To move between questions, :gesture:`Swipe Left or Right`.
   :alt: A question screen in the Collect App. Overlaid on the screen is an icon of a hand with extended finger and arrows pointing left and right, representing a swiping gesture.
   :class: block
 
-.. raw:: html
+.. video:: /vid/collect-completing-forms/swipe-example.mp4
 
-  <video controls muted style="max-width:100%">
-    <source src="/collect-completing-forms/swipe-example.mp4">
-  </video>
+  Video showing swiping between three questions.
 
 Left and Right Buttons  
 ~~~~~~~~~~~~~~~~~~~~~~~~~~
@@ -167,12 +163,9 @@ Autoadvance Questions
 
 Some questions will :ref:`auto-advance <autoadvance-widget>` after being answered.
 
-.. raw:: html
-
-  <video controls muted style="max-width:100%">
-    <source src="/form-widgets/auto-advance.mp4">
-  </video>
+.. video:: /vid/form-widgets/auto-advance.mp4
 
+  Video showing auto-advance after the questions are answered.
 
 Required Questions
 ~~~~~~~~~~~~~~~~~~~~~~

diff --git a/form-widgets.rst b/form-widgets.rst
@@ -1650,6 +1650,8 @@ Advances immediately to the next question once a selection is made.
 
 .. video:: /vid/form-widgets/auto-advance.mp4
 
+  Video showing auto-advance after the questions are answered.  
+
 XLSForm Rows
 """""""""""""
 
@@ -1982,6 +1984,8 @@ The :tc:`quickcompact` appearance attribute combines the design of the :ref:`com
 
 .. video:: /vid/form-widgets/quickcompact.mp4
 
+  Video showing Compact single select widget and auto-advance after the question is answered.
+
 XLSForm Rows
 """""""""""""
 
@@ -2035,6 +2039,8 @@ As with :ref:`compact <compact-2>`, you can specify a width when using :tc:`quic
 
 .. video:: /vid/form-widgets/quickcompact2.mp4
 
+  Video showing Compact-2 widget and auto-advance after the question is answered.
+
 XLSForm Rows
 """"""""""""""