diff --git a/source/components/editing/swipelistitem.rst b/source/components/editing/swipelistitem.rst
--- a/source/components/editing/swipelistitem.rst
+++ b/source/components/editing/swipelistitem.rst
@@ -47,9 +47,11 @@
 |mobileicon| Mobile
 ~~~~~~~~~~~~~~~~~~~
 
-.. image:: /img/mobile-listview.png
-   :alt:  Hover to reveal
-   :scale: 80 %
+.. raw:: html
+
+   <video src="https://cdn.kde.org/hig/video/20180620-1/Swipelistitem1.webm" 
+   loop="true" playsinline="true" width="320" controls="true" 
+   onended="this.play()" class="border"></video>
 
 On-demand controls are revealed by sliding a handle from right to left
 to reveal them. As soon as the user taps anywhere else, the
diff --git a/source/patterns/navigation/breadcrumb.rst b/source/patterns/navigation/breadcrumb.rst
--- a/source/patterns/navigation/breadcrumb.rst
+++ b/source/patterns/navigation/breadcrumb.rst
@@ -15,6 +15,14 @@
 the current position within the hierarchy, and offers shortcut links to jump
 to previous positions without using the Back button.
 
+.. raw:: html
+
+   <video src="https://cdn.kde.org/hig/video/20180620-1/Breadcrumb1.webm" 
+   loop="true" playsinline="true" width="320" controls="true" 
+   onended="this.play()" class="border"></video>
+
+Use of breadcrumb navigation in Plasma Mobile.
+
 When to use
 -----------