webdav examples (#199)

* Add batch mount tutorial

* Add fill in webdav example

* fix webdav reex images error

* update docs

* fix flaw

* add nas webdav Demo

* webdav demo add ES

* 视频播放器修复了故更改播放方式进行更新

* R2 S3 duplicates, delete one

Author: anwen-anyi

docs/.vuepress/public/img/guide/webdav/es-android.png

@@ -1,4 +1,32 @@
 $theme-color: #70c6be;
 
 // 文章页面内容宽度 | Article page content width
-$content-width: 1080px;
+
+$content-width: 1080px;
+
+// image-preview
+.image-preview {
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  .image-preview > img {
+     box-sizing: border-box;
+     width: 33.3% !important;
+     padding: 9px;
+     border-radius: 16px;
+  }
+
+  @media (max-width: 719px){
+    .image-preview > img {
+      width: 50% !important;
+    }
+  }
+
+  @media (max-width: 419px){
+    .image-preview > img {
+      width: 100% !important;
+    }
+  }

docs/.vuepress/public/img/guide/webdav/es-ios.png

@@ -24,7 +24,7 @@ star: true
 
 [https://space.bilibili.com/36411485/channel/collectiondetail?sid=686340](https://space.bilibili.com/36411485/channel/collectiondetail?sid=686340)
 
-[https://www.yuque.com/anwenya/alist](https://www.yuque.com/anwenya/alist)
+[https://anwen-anyi.github.io/](https://anwen-anyi.github.io/index/)
 
 [Google](https://www.google.com/search?q=alist)
 

docs/.vuepress/public/img/guide/webdav/nas.png

@@ -146,7 +146,6 @@ because you didn't do it in step `4` <Badge text="grant xxx administrator consen
 
 software used：**https://github.com/yzbtdiy/alist_batch**
 
-Tutorial video: **[BV1vc411V78S](https://www.bilibili.com/video/BV1vc411V78S)**
 
 :::details Fill in the parameters. If you don’t understand, you can watch the video below.
 
@@ -204,6 +203,8 @@ Category2:
 
 :::
 
+<BiliBili bvid="BV1vc411V78S" ratio="16:9" low-quality no-danmaku />
+
 ### The default download method used
 
 ```mermaid

docs/.vuepress/styles/palette.scss

@@ -206,18 +206,6 @@ Fill in example:
 
 **`ACCOUNT_ID`** ：This account ID can be seen everywhere, and the simplest is the position at the top of the browser. The string of IDs behind the website link is your account ID.
 
-Fill in example:
-
-![s3](/img/drivers/s3/cfr2.png)
-
-@tab R2
-
-[**cloudflare R2 Official Website**](https://dash.cloudflare.com/)
-
-**Endpoint** ：The S3 endpoint is available via the  **`https://<ACCOUNT_ID>.r2.cloudflarestorage.com`**  endpoint.
-
-**`ACCOUNT_ID`** ：This account ID can be seen everywhere, and the simplest is the position at the top of the browser. The string of IDs behind the website link is your account ID.
-
 填写示例：
 
 ![s3](/img/drivers/s3/cfr2.png)

docs/faq/seealso.md

@@ -84,24 +84,37 @@ This is basically the way of writing, and the way of writing may be different fo
 
 :::tabs#WebDav
 
-@tab nplayer
+
+@tab Nplayer
 
 ![webdav](/img/guide/webdav/nplayer.png)
 
 @tab reex
 
 ![webdav](/img/guide/webdav/reex.png)
 
-@tab infuse
+@tab ES
+
+<div class="image-preview">  
+    <img src="/img/guide/webdav/es-ios.png" />  
+    <img src="/img/guide/webdav/es-android.png" />
+</div>
+
+@tab Infuse
 
 ![webdav](/img/guide/webdav/infuse.png)
 
 @tab Fileball
 
 ![webdav](/img/guide/webdav/fileball.png)
 
-@tab potplayer
+@tab Potplayer
 
 ![webdav](/img/guide/webdav/potplayer.png)
 
+@tab nas
+
+![webdav](/img/guide/webdav/nas.png)
+
+
 :::

docs/guide/drivers/onedrive_app.md

@@ -24,7 +24,7 @@ star: true
 
 [https://space.bilibili.com/36411485/channel/collectiondetail?sid=686340](https://space.bilibili.com/36411485/channel/collectiondetail?sid=686340)
 
-[https://www.yuque.com/anwenya/alist](https://www.yuque.com/anwenya/alist)
+[https://anwen-anyi.github.io/](https://anwen-anyi.github.io/index/)
 
 [Google](https://www.google.com/search?q=alist)
 

docs/guide/drivers/s3.md

@@ -150,9 +150,7 @@ https://entra.microsoft.com/TokenAuthorize?admin_consent=True&tenant={租户ID}#
 
 使用的软件：**https://github.com/yzbtdiy/alist_batch**
 
-教程视频：**[BV1vc411V78S](https://www.bilibili.com/video/BV1vc411V78S)**
-
-:::details 参数填写，看不懂可以看上方的视频
+:::details 参数填写，看不懂可以看下方的视频
 
 两个配置文件不要留空白空行哦，那样也会报错的
 
@@ -208,6 +206,8 @@ onedrive_app:
 
 :::
 
+<BiliBili bvid="BV1vc411V78S" ratio="16:9" low-quality no-danmaku />
+
 ### 默认使用的下载方式
 
 ```mermaid