diff --git a/content/assets/videos/android/animation_origin__0.5_0.5.mp4 b/content/assets/videos/android/animation_origin__0.5_0.5.mp4
new file mode 100644
index 00000000..b3d02eac
Binary files /dev/null and b/content/assets/videos/android/animation_origin__0.5_0.5.mp4 differ
diff --git a/content/assets/videos/android/animation_origin__0.5_0.mp4 b/content/assets/videos/android/animation_origin__0.5_0.mp4
new file mode 100644
index 00000000..2cc6e21d
Binary files /dev/null and b/content/assets/videos/android/animation_origin__0.5_0.mp4 differ
diff --git a/content/assets/videos/android/animation_origin__0.5_1.mp4 b/content/assets/videos/android/animation_origin__0.5_1.mp4
new file mode 100644
index 00000000..2bd6f374
Binary files /dev/null and b/content/assets/videos/android/animation_origin__0.5_1.mp4 differ
diff --git a/content/assets/videos/android/animation_origin__0_0.5.mp4 b/content/assets/videos/android/animation_origin__0_0.5.mp4
new file mode 100644
index 00000000..45d50d79
Binary files /dev/null and b/content/assets/videos/android/animation_origin__0_0.5.mp4 differ
diff --git a/content/assets/videos/android/animation_origin__0_0.mp4 b/content/assets/videos/android/animation_origin__0_0.mp4
new file mode 100644
index 00000000..4dd9ac7e
Binary files /dev/null and b/content/assets/videos/android/animation_origin__0_0.mp4 differ
diff --git a/content/assets/videos/android/animation_origin__0_1.mp4 b/content/assets/videos/android/animation_origin__0_1.mp4
new file mode 100644
index 00000000..f7b3fa6f
Binary files /dev/null and b/content/assets/videos/android/animation_origin__0_1.mp4 differ
diff --git a/content/assets/videos/android/animation_origin__1_0.5.mp4 b/content/assets/videos/android/animation_origin__1_0.5.mp4
new file mode 100644
index 00000000..c09a2420
Binary files /dev/null and b/content/assets/videos/android/animation_origin__1_0.5.mp4 differ
diff --git a/content/assets/videos/android/animation_origin__1_0.mp4 b/content/assets/videos/android/animation_origin__1_0.mp4
new file mode 100644
index 00000000..3acede8a
Binary files /dev/null and b/content/assets/videos/android/animation_origin__1_0.mp4 differ
diff --git a/content/assets/videos/android/animation_origin__1_1.mp4 b/content/assets/videos/android/animation_origin__1_1.mp4
new file mode 100644
index 00000000..dbdb6664
Binary files /dev/null and b/content/assets/videos/android/animation_origin__1_1.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__0.5_0.5.mp4 b/content/assets/videos/ios/animation_origin__0.5_0.5.mp4
new file mode 100644
index 00000000..192bbfb0
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__0.5_0.5.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__0.5_0.mp4 b/content/assets/videos/ios/animation_origin__0.5_0.mp4
new file mode 100644
index 00000000..90eba661
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__0.5_0.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__0.5_1.mp4 b/content/assets/videos/ios/animation_origin__0.5_1.mp4
new file mode 100644
index 00000000..54b139d8
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__0.5_1.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__0_0.5.mp4 b/content/assets/videos/ios/animation_origin__0_0.5.mp4
new file mode 100644
index 00000000..e991bcca
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__0_0.5.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__0_0.mp4 b/content/assets/videos/ios/animation_origin__0_0.mp4
new file mode 100644
index 00000000..90071c2a
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__0_0.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__0_1.mp4 b/content/assets/videos/ios/animation_origin__0_1.mp4
new file mode 100644
index 00000000..65347295
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__0_1.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__1_0.5.mp4 b/content/assets/videos/ios/animation_origin__1_0.5.mp4
new file mode 100644
index 00000000..04b385f3
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__1_0.5.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__1_0.mp4 b/content/assets/videos/ios/animation_origin__1_0.mp4
new file mode 100644
index 00000000..adeb6ed3
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__1_0.mp4 differ
diff --git a/content/assets/videos/ios/animation_origin__1_1.mp4 b/content/assets/videos/ios/animation_origin__1_1.mp4
new file mode 100644
index 00000000..6d9c218c
Binary files /dev/null and b/content/assets/videos/ios/animation_origin__1_1.mp4 differ
diff --git a/content/dev-reference.md b/content/dev-reference.md
index 119298c1..334062ca 100644
--- a/content/dev-reference.md
+++ b/content/dev-reference.md
@@ -34,11 +34,39 @@ This page serves as a reference for the available markdown options in the docs.
 
 ### View Origin Demo
 
+
+
+<div>
+<div>
+<template v-for="demo in demos">
+ <button @click.prevent="current = demo">{{ demo.replace('_', ' / ') }}</button>
+</template>
+</div>
+</div>
+
 <deviceframe type="ios">
-<video muted="true" disablepictureinpicture="true" autoplay="true" loop="true" src="./assets/videos/animation_origin_ios.mp4"/>
+<template v-for="demo in demos">
+<video v-show="demo === current" +v-bind="demo === current ? { autoplay: true} : {}" +muted="true" disablepictureinpicture="true" loop="true" :src="`./assets/videos/ios/animation_origin__${demo}.mp4`"/>
+</template>
 </deviceframe>
 <deviceframe type="android">
-<video muted="true" disablepictureinpicture="true" autoplay="true" loop="true" src="./assets/videos/animation_origin_android.mp4"/>
+<template v-for="demo in demos">
+<video v-show="demo === current" +v-bind="demo === current ? { autoplay: true} : {}" +muted="true" disablepictureinpicture="true" loop="true" :src="`./assets/videos/android/animation_origin__${demo}.mp4`"/>
+</template>
 </deviceframe>
 
 ## Frontmatter
diff --git a/examples/flows/animation_origin.yaml b/examples/flows/animation_origin.yaml
index a297f1cb..80743c9f 100644
--- a/examples/flows/animation_origin.yaml
+++ b/examples/flows/animation_origin.yaml
@@ -18,19 +18,22 @@ appId: org.nativescript.examplesApp
 - evalScript: ${output.platform = 'ios'}
 
 - openLink: ns-examples://navigate/ViewOrigin
-- startRecording: ../content/assets/videos/animation_origin_${output.platform}
 - repeat:
 while:
 true: ${(output.current = output.origins.shift()) !== undefined}
 commands:
- - tapOn: 
+ - tapOn:
 text: ${output.current}
 retryTapIfNoChange: false
+ - startRecording: ../content/assets/videos/${output.platform}/animation_origin__${output.current.replace(' / ', '_')}
 - tapOn:
 text: 'Play'
 retryTapIfNoChange: false
 - waitForAnimationToEnd:
 timeout: 5000
-- tapOn: '1 / 1' # just to delay the recording stop
-- stopRecording
+ # to delay the recording end.
+ # - tapOn:
+ # text: ${output.current}
+ # retryTapIfNoChange: false
+ - stopRecording
 - openLink: ns-examples://disableDemoMode
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://github.com/NativeScript/docs/compare/main...explore/view-origin-videos.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://github.com/NativeScript/docs/compare/main...explore/view-origin-videos.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>