Vid deep links on table

diff --git a/docs/pages/table.md b/docs/pages/table.md
index 91def2379d724f1d99d120bec511e878644272a4..60d1f952ab72a81ef697ee4ce46582e6cafd7464 100644 (file)
--- a/docs/pages/table.md
+++ b/docs/pages/table.md
@@ -10,7 +10,7 @@ sass: scss/components/_table.scss
 No bells or whistles here, just a straight up table for all of your basic table needs.
 
 <p>
-  <a class="" data-open-video="5:45"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
+  <a class="" data-open-video="0:28"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
 </p>
 
 <div class="docs-codepen-container">
@@ -57,7 +57,7 @@ No bells or whistles here, just a straight up table for all of your basic table
 Need to spiff up the table just a tad? Just add the class `.hover` to lightly darken the table rows on hover.
 
 <p>
-  <a class="" data-open-video="5:45"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
+  <a class="" data-open-video="2:49"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
 </p>
 
 <div class="docs-codepen-container">
@@ -107,7 +107,7 @@ Need to spiff up the table just a tad? Just add the class `.hover` to lightly da
 By default, table rows are striped. There's an `.unstriped` class to remove the stripes. If you change `$table-is-striped` to `false` to remove stripes from all tables, use the `.striped` class to add stripes.
 
 <p>
-  <a class="" data-open-video="5:45"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
+  <a class="" data-open-video="2:18"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
 </p>
 
 <div class="docs-codepen-container">
@@ -157,7 +157,7 @@ By default, table rows are striped. There's an `.unstriped` class to remove the
 To stack a table on small screens, add the class `.stack`.
 
 <p>
-  <a class="" data-open-video="5:45"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
+  <a class="" data-open-video="3:23"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
 </p>
 
 <div class="docs-codepen-container">
@@ -208,7 +208,7 @@ Got a lot of tubular tabular data? Add a wrapper element with the class `.table-
 
 
 <p>
-  <a class="" data-open-video="5:45"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
+  <a class="" data-open-video="3:48"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
 </p>
 
 <div class="primary callout">