skottie - Use our new skottie-inline-sk element.
No-Try: true
Docs-Preview: https://skia.org/?cl=181901
Bug: skia:
Change-Id: If9a2f8e7216ded0042c0bcb40798b2946f727261
Reviewed-on: https://skia-review.googlesource.com/c/181901
Reviewed-by: Joe Gregorio <jcgregorio@google.com>
Commit-Queue: Joe Gregorio <jcgregorio@google.com>
diff --git a/site/user/modules/skottie.md b/site/user/modules/skottie.md
index f7a2df2..a46578b 100644
--- a/site/user/modules/skottie.md
+++ b/site/user/modules/skottie.md
@@ -17,38 +17,30 @@
Here are some test samples rendering with Skia's animation player:
-<a href="https://skottie.skia.org/e6741dda67629da1f80c254dad3df865"> <video
-id="video" muted="" autoplay="" title="lottie" loop=""
-src="https://skottie.skia.org/_/i/e6741dda67629da1f80c254dad3df865" width="200"
-height="200"> </video> </a>
-<a href="https://skottie.skia.org/ffea72cf6be48fa061671c124ed7789c"> <video
-id="video" muted="" autoplay="" title="lottie" loop=""
-src="https://skottie.skia.org/_/i/ffea72cf6be48fa061671c124ed7789c" width="200"
-height="200"> </video> </a>
-<a href="https://skottie.skia.org/00e850cdbed7304985eaefe98a4e8a9c"> <video
-id="video" muted="" autoplay="" title="lottie" loop=""
-src="https://skottie.skia.org/_/i/00e850cdbed7304985eaefe98a4e8a9c" width="200"
-height="200"> </video> </a>
-<a href="https://skottie.skia.org/e1aca009d5ebec9bd122b87b018bb673"> <video
-id="video" muted="" autoplay="" title="lottie" loop=""
-src="https://skottie.skia.org/_/i/e1aca009d5ebec9bd122b87b018bb673" width="200"
-height="200"> </video> </a>
-<a href="https://skottie.skia.org/821fd79dd7437b97ba891e7a00970a06"> <video
-id="video" muted="" autoplay="" title="lottie" loop=""
-src="https://skottie.skia.org/_/i/821fd79dd7437b97ba891e7a00970a06" width="200"
-height="200"> </video> </a>
-<a href="https://skottie.skia.org/ad63f250084685c96edd9b52ae2f436b"> <video
-id="video" muted="" autoplay="" title="lottie" loop=""
-src="https://skottie.skia.org/_/i/ad63f250084685c96edd9b52ae2f436b" width="200"
-height="200"> </video> </a>
-<a href="https://skottie.skia.org/40f78ddc751c16348a08e1d61d3e78b1"> <video
-id="video" muted="" autoplay="" title="lottie" loop=""
-src="https://skottie.skia.org/_/i/40f78ddc751c16348a08e1d61d3e78b1" width="200"
-height="200"> </video> </a>
-<a href="https://skottie.skia.org/fc42db7c75741437b5cb0e90b3febc65"> <video
-id="video" muted="" autoplay="" title="lottie" loop=""
-src="https://skottie.skia.org/_/i/fc42db7c75741437b5cb0e90b3febc65" width="200"
-height="200"> </video> </a>
+<a href="https://skottie.skia.org/e6741dda67629da1f80c254dad3df865">
+ <skottie-inline-sk src="https://skottie.skia.org/_/j/e6741dda67629da1f80c254dad3df865" width=200 height=200></skottie-inline-sk>
+</a>
+<a href="https://skottie.skia.org/ffea72cf6be48fa061671c124ed7789c">
+ <skottie-inline-sk src="https://skottie.skia.org/_/j/ffea72cf6be48fa061671c124ed7789c" width=200 height=200></skottie-inline-sk>
+</a>
+<a href="https://skottie.skia.org/00e850cdbed7304985eaefe98a4e8a9c">
+ <skottie-inline-sk src="https://skottie.skia.org/_/j/00e850cdbed7304985eaefe98a4e8a9c" width=200 height=200></skottie-inline-sk>
+</a>
+<a href="https://skottie.skia.org/e1aca009d5ebec9bd122b87b018bb673">
+ <skottie-inline-sk src="https://skottie.skia.org/_/j/e1aca009d5ebec9bd122b87b018bb673" width=200 height=200></skottie-inline-sk>
+</a>
+<a href="https://skottie.skia.org/821fd79dd7437b97ba891e7a00970a06">
+ <skottie-inline-sk src="https://skottie.skia.org/_/j/821fd79dd7437b97ba891e7a00970a06" width=200 height=200></skottie-inline-sk>
+</a>
+<a href="https://skottie.skia.org/ad63f250084685c96edd9b52ae2f436b">
+ <skottie-inline-sk src="https://skottie.skia.org/_/j/ad63f250084685c96edd9b52ae2f436b" width=200 height=200></skottie-inline-sk>
+</a>
+<a href="https://skottie.skia.org/40f78ddc751c16348a08e1d61d3e78b1">
+ <skottie-inline-sk src="https://skottie.skia.org/_/j/40f78ddc751c16348a08e1d61d3e78b1" width=200 height=200></skottie-inline-sk>
+</a>
+<a href="https://skottie.skia.org/fc42db7c75741437b5cb0e90b3febc65">
+ <skottie-inline-sk src="https://skottie.skia.org/_/j/fc42db7c75741437b5cb0e90b3febc65" width=200 height=200></skottie-inline-sk>
+</a>
*Sample animations courtesy of the lottiefiles.com community