diff --git a/tutorials/source_en/quick_start/quick_video.md b/tutorials/source_en/quick_start/quick_video.md
index f6d7b7b144f763bccb22edf54e5b7711a817eadf..0c0b3441385027620553f57b7b50c97800b6fa78 100644
--- a/tutorials/source_en/quick_start/quick_video.md
+++ b/tutorials/source_en/quick_start/quick_video.md
@@ -2,71 +2,189 @@
 
 [comment]: <> (This document contains Hands-on Tutorial Series. Gitee does not support display. Please check tutorials on the official website)
 
-## MindSpore Installation
-
-### CPU-Ubuntu
-
-<video id="video1" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_CPU%E7%AF%87%20En%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp41" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/CPU.mp4" type="video/mp4">
-</video>
-
-**Install now**: <https://www.mindspore.cn/install/en>
-
-</br>
-
-
-### CPU-Windows
+Provides video tutorials from installation to try-on, helping you quickly use MindSpore.
 
-<video id="video2" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_windows%E7%AF%87%20En%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp42" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/Windows.mp4" type="video/mp4">
-</video>
-
-**Install now**: <https://www.mindspore.cn/install/en>
-
-</br>
-
-### GPU
-
-<video id="video3" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_GPU%E7%AF%87%20En%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp43" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/GPU.mp4" type="video/mp4">
-</video>
+## MindSpore Installation
 
-**Install now**: <https://www.mindspore.cn/install/en>
+<body>
+     <div style="display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;">
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/en/master/quick_start/quick_video/cpu_ubuntu.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/en-Ubuntu.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/en/master/quick_start/quick_video/cpu_windows.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/en_windows%E7%AF%87.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/en/master/quick_start/quick_video/gpu.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/en_GPU.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+     </div>
+
+</body>
 
-</br>
 
 ## MindSpore Experience
 
-### Quick Start
-
-<video id="video4" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8%20En%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp44" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/Quick%20Start.mp4" type="video/mp4">
-</video>
-
-**View code**: <https://gitee.com/mindspore/docs/blob/master/tutorials/tutorial_code/lenet.py>
-
-### Saving and Loading Model Parameters
-
-<video id="video5" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_%E6%A8%A1%E5%9E%8B%E5%8F%82%E6%95%B0%E7%9A%84%E4%BF%9D%E5%AD%98%E5%92%8C%E5%8A%A0%E8%BD%BD%20En%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp45" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/Saving%20and%20Loading%20Model%20Parameters.mp4" type="video/mp4">
-</video>
-
-### Customized Debugging
-
-<video id="video6" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_%E8%87%AA%E5%AE%9A%E4%B9%89%E8%B0%83%E8%AF%95%20En%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp46" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/Customized%20Debugging.mp4" type="video/mp4">
-</video>
-
-### Mindinsight Tutorial
-
-- MindInsight installation and common commands
-
-<video id="video7" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/MI-1%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp47" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/MindInsight%E7%AC%AC%E4%B8%80%E7%AF%87.mp4" type="video/mp4">
-</video>
-
-**Install now**: <https://www.mindspore.cn/install/en>
-
-**More commands**: <https://www.mindspore.cn/tutorial/en/master/advanced_use/mindinsight_commands.html>
-
-
+<body>
+     <div style="display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;">
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/en/master/quick_start/quick_video/quick_start_video.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/en_%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/en/master/quick_start/quick_video/saving_and_loading_model_parameters.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/en_%E6%A8%A1%E5%9E%8B%E5%8F%82%E6%95%B0%E7%9A%84%E4%BF%9D%E5%AD%98%E5%92%8C%E5%8A%A0%E8%BD%BD%20.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/en/master/quick_start/quick_video/customized_debugging.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/en_%E8%87%AA%E5%AE%9A%E4%B9%89%E8%B0%83%E8%AF%95%20.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/en/master/quick_start/quick_video/mindInsight_installation_and_common_commands.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/en_%E5%AE%89%E8%A3%85%E4%B8%8E%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+     </div>
+
+</body>
\ No newline at end of file
diff --git a/tutorials/source_zh_cn/quick_start/quick_video.md b/tutorials/source_zh_cn/quick_start/quick_video.md
index 3d65077862fc794661c5a357bcb8ffb598dadc5b..7d4bd9494a40e0dd005e9042cc589cf56784ed62 100644
--- a/tutorials/source_zh_cn/quick_start/quick_video.md
+++ b/tutorials/source_zh_cn/quick_start/quick_video.md
@@ -2,87 +2,213 @@
 
 [comment]: <> (本文档中包含手把手系列视频，码云Gitee不支持展示，请于官方网站对应教程中查看)
 
-## 安装MindSpore
-
-### CPU-Ubuntu篇
-
-<video id="video1" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_CPU%E7%AF%87%20%E5%89%AF%E6%9C%AC.png">
-<source id="mp41" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/%E6%89%8B%E6%8A%8A%E6%89%8B%E5%AE%89%E8%A3%85CPU.mp4" type="video/mp4">
-</video>
-
-**立即安装**：<https://www.mindspore.cn/install>
-
-</br>
-
-
-### CPU-Windows篇
-
-<video id="video2" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_windows%E7%AF%87%20%E5%89%AF%E6%9C%AC.png">
-<source id="mp42" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/%E5%AE%89%E8%A3%85Windows.mp4" type="video/mp4">
-</video>
+涵盖安装到体验的视频教程，手把手帮助您快速、更好地使用MindSpore。
 
-**立即安装**：<https://www.mindspore.cn/install>
-
-</br>
-
-### GPU篇
-
-<video id="video3" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_GPU%E7%AF%87%20%E5%89%AF%E6%9C%AC.png">
-<source id="mp43" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/%E6%89%8B%E6%8A%8A%E6%89%8B%E5%AE%89%E8%A3%85GPU.mp4" type="video/mp4">
-</video>
-
-**立即安装**：<https://www.mindspore.cn/install>
-
-</br>
-
-### Ascend 910篇
-
-<video id="video8" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_Ascend%E7%AF%87-%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp48" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/%E5%AE%89%E8%A3%85910.mp4" type="video/mp4">
-</video>
+## 安装MindSpore
 
-**立即安装**：<https://www.mindspore.cn/install>
+<body>
+     <div style="display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;">
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/zh-CN/master/quick_start/quick_video/cpu_ubuntu.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/CPU-Ubuntu.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/zh-CN/master/quick_start/quick_video/cpu_windows.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/windows%E7%AF%87.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/zh-CN/master/quick_start/quick_video/gpu.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/GPU.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/zh-CN/master/quick_start/quick_video/ascend910.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/Ascend.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+     </div>
+
+</body>
 
-</br>
 
 ## 体验MindSpore
 
-### 快速入门
-
-<video id="video4" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E7%BD%91%E7%AB%99-%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2_%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8%20%E5%89%AF%E6%9C%AC.png">
-<source id="mp44" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/%E6%89%8B%E6%8A%8A%E6%89%8B%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8.mp4" type="video/mp4">
-</video>
-
-**查看代码**：<https://gitee.com/mindspore/docs/blob/master/tutorials/tutorial_code/lenet.py>
-
-</br>
-
-### 模型参数保存与加载
-
-<video id="video5" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E6%95%99%E7%A8%8B-%E6%A8%A1%E5%9E%8B%E5%8F%82%E6%95%B0%E7%9A%84%E4%BF%9D%E5%AD%98%E5%92%8C%E5%8A%A0%E8%BD%BD.png">
-<source id="mp45" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/%E6%A8%A1%E5%9E%8B%E5%8F%82%E6%95%B0%E7%9A%84%E4%BF%9D%E5%AD%98%E5%92%8C%E5%8A%A0%E8%BD%BD.mp4" type="video/mp4">
-</video>
-
-</br>
-
-### 自定义调试
-
-<video id="video6" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E8%87%AA%E5%AE%9A%E4%B9%89%E8%B0%83%E8%AF%95_%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp46" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/%E8%87%AA%E5%AE%9A%E4%B9%89%E8%B0%83%E8%AF%95.mp4" type="video/mp4">
-</video>
-
-</br>
-
-### MindInsight使用
-
-- 安装与常用命令
-
-<video id="video7" controls width="1100px" height="550px" poster="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/MindInsight%E5%AE%89%E8%A3%85%E4%B8%8E%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4-%E8%AF%A6%E6%83%85%E9%A1%B5.png">
-<source id="mp47" src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/video/MindInsight%E5%AE%89%E8%A3%85%E4%B8%8E%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4.mp4" type="video/mp4">
-</video>
-
-**立即安装**：<https://www.mindspore.cn/install>
-
-**查看更多命令**：<https://www.mindspore.cn/tutorial/zh-CN/master/advanced_use/mindinsight_commands.html>
-
-</br>
\ No newline at end of file
+<body>
+     <div style="display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;">
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/zh-CN/master/quick_start/quick_video/quick_start_video.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/zh-CN/master/quick_start/quick_video/saving_and_loading_model_parameters.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E6%A8%A1%E5%9E%8B%E5%8F%82%E6%95%B0%E7%9A%84%E4%BF%9D%E5%AD%98%E5%92%8C%E5%8A%A0%E8%BD%BD%20.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/zh-CN/master/quick_start/quick_video/customized_debugging.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E8%87%AA%E5%AE%9A%E4%B9%89%E8%B0%83%E8%AF%95%20.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+          <div
+               class="video-item-wraper" style="width: 33.3%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;">
+               <a href="https://www.mindspore.cn/tutorial/zh-CN/master/quick_start/quick_video/mindInsight_installation_and_common_commands.html" target="_blank"
+                    style="position: relative;">
+                    <img src="https://mindspore-website.obs.cn-north-4.myhuaweicloud.com:443/teaching_video/cover/%E6%89%8B%E6%8A%8A%E6%89%8B%E7%B3%BB%E5%88%97/%E5%AE%89%E8%A3%85%E4%B8%8E%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4.png"
+                         style="max-width: 100%;width: 400px;">
+                    <svg style="position: absolute;left: 50%;top: 50%;width: 30px;height: 30px;transform: translate(-50%, -50%);"
+                         data-v-1534670d="" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg"
+                         viewBox="0 0 30 30" class="icon-position">
+                         <title data-v-1534670d="">play</title>
+                         <g data-v-1534670d="" style="opacity: 0.3;">
+                              <path data-v-1534670d="" d="M301.21,376.21a15,15,0,1,1-15,15A15,15,0,0,1,301.21,376.21Z"
+                                   transform="translate(-286.21 -376.21)"
+                                   style="fill: rgb(255, 255, 255); fill-rule: evenodd;"></path>
+                         </g>
+                         <path data-v-1534670d=""
+                              d="M301.21,377.21a14,14,0,1,1-14,14,14,14,0,0,1,14-14m0-1a15,15,0,1,0,15,15,15,15,0,0,0-15-15Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                         <path data-v-1534670d=""
+                              d="M308.15,392.32l-9.39,5.28c-.72.41-1.31.06-1.31-.76v-10.5c0-.83.58-1.17,1.31-.76l9.39,5.28C308.87,391.25,308.87,391.91,308.15,392.32Z"
+                              transform="translate(-286.21 -376.21)" style="fill: rgb(255, 255, 255);"></path>
+                    </svg>
+               </a>
+          </div>
+     </div>
+
+</body>
\ No newline at end of file
