fix(route): set preload to metadata as suggested by the [spec](https://html.spec.whatwg.org/multipage/media.html#attr-media-preload) (#15448)

Author: TonyRL

lib/routes/caixin/templates/article.art

@@ -15,7 +15,7 @@
     <% const video = $('script').text().match(/initPlayer\('(.*?)','(.*?)'\)/); %>
     <% const videoUrl = video[1]; %>
     <% const poster = video[2]; %>
-    <video controls preload="none" poster="{{ poster }}" src="{{ videoUrl }}"></video>
+    <video controls preload="metadata" poster="{{ poster }}" src="{{ videoUrl }}"></video>
     <br>
 {{ /if }}
 

lib/routes/douyin/templates/embed.art

@@ -1,4 +1,4 @@
-<video controls preload="none" referrerpolicy="no-referrer"
+<video controls preload="metadata" referrerpolicy="no-referrer"
 style="width:50%"
 {{ if img }}
 poster="{{ img }}"

lib/routes/fansly/templates/media.art

@@ -1,5 +1,5 @@
 {{ if poster && src }}
-<video controls preload="none" poster="{{ poster.location }}">
+<video controls preload="metadata" poster="{{ poster.location }}">
     <source src="{{ src.location }}" type="video/mp4">
 </video>
 {{ else if src }}

lib/routes/ifeng/templates/video.art

@@ -1,5 +1,5 @@
 {{ if videoInfo.mobileUrl }}
-<video controls poster="{{ videoInfo.bigPosterUrl }}" preload="none">
+<video controls poster="{{ videoInfo.bigPosterUrl }}" preload="metadata">
     <source src="{{ videoInfo.mobileUrl }}" type="video/mp4">
 </video>
 {{ /if }}

lib/routes/instagram/templates/video.art

@@ -3,6 +3,6 @@
     <br>
 {{ /if }}
 
-<video controls preload="none" poster="{{ image }}" width="{{ video.width }}">
+<video controls preload="metadata" poster="{{ image }}" width="{{ video.width }}">
     <source src="{{ video.url }}" type="video/mp4">
 </video>

lib/routes/kcna/utils.ts

@@ -54,7 +54,7 @@ const fetchVideo = (ctx, url) =>
         const js = $('script[type="text/javascript"]:not([src])').html();
         let sources = js.match(/<[^>]*source[^>]+src[^>]+>/g);
         sources = sources && sources.map((item) => item.replaceAll("'", '"').replaceAll(/src="([^"]+)"/g, `src="${rootUrl}$1"`));
-        return `<video controls preload="none">${sources.join('\n')}</video>`;
+        return `<video controls preload="metadata">${sources.join('\n')}</video>`;
     });
 
 export { parseJucheDate, fixDesc, fetchPhoto, fetchVideo };

lib/routes/mingpao/templates/fancybox.art

@@ -1,6 +1,6 @@
 {{ each media }}
     {{ if $value.video }}
-        <video controls preload="none" poster="{{ $value.video.replace('.mp4', '.jpg') }}"><source src="{{ $value.video }}" type="video/mp4"></video>
+        <video controls preload="metadata" poster="{{ $value.video.replace('.mp4', '.jpg') }}"><source src="{{ $value.video }}" type="video/mp4"></video>
     {{ else }}
         <figure><img src="{{ $value.href }}" alt="{{ $value.title }}"><figcaption>{{ $value.title }}</figcaption></figure>
     {{ /if }}

lib/routes/missav/templates/preview.art

@@ -1,3 +1,3 @@
-<video controls preload="none" poster="{{ poster }}">
+<video controls preload="metadata" poster="{{ poster }}">
     <source src="{{ video }}" type="{{ type }}">
 </video>

lib/routes/pikabu/templates/video.art

@@ -1,7 +1,7 @@
 {{ if videoId }}
     <iframe id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube-nocookie.com/embed/{{ videoId }}" frameborder="0" allowfullscreen></iframe>
 {{ else if webm || mp4 }}
-    <video controls preload="none" poster="{{ preview }}" width="{{ width }}">
+    <video controls preload="metadata" poster="{{ preview }}" width="{{ width }}">
         {{ if webm }}<source src="{{ webm }}" type="video/webm">{{ /if }}
         {{ if mp4 }}<source src="{{ mp4 }}" type="video/mp4">{{ /if }}
     </video>

lib/routes/pornhub/templates/description.art

@@ -1,5 +1,5 @@
 {{ if previewVideo }}
-<video controls preload="none" poster="{{ poster }}">
+<video controls preload="metadata" poster="{{ poster }}">
     <source src="{{ previewVideo }}" type="video/webm">
 </video>
 {{ /if }}

lib/routes/sina/templates/video.art

@@ -1,5 +1,5 @@
 {{ if videoUrl }}
-<video controls poster="{{ poster }}" preload="none">
+<video controls poster="{{ poster }}" preload="metadata">
     <source src="{{ videoUrl }}">
 </video>
 {{ /if }}

lib/routes/tiktok/templates/user.art

@@ -1,7 +1,7 @@
 {{ if useIframe }}
 <iframe src="https://www.tiktok.com/embed/{{ id }}" height="757" frameborder="0" referrerpolicy="no-referrer"></iframe>
 {{ else }}
-<video controls loop poster="{{ poster }}" preload="none">
+<video controls loop poster="{{ poster }}" preload="metadata">
     <source src="{{ source }}">
 </video>
 {{ /if }}

lib/routes/zhihu/topic.ts

@@ -107,7 +107,7 @@ async function handler(ctx) {
             case 'zvideo':
                 title = item.title;
                 description = `${item.description}<br>
-                <video controls poster="${item.video.thumbnail}" preload="none">
+                <video controls poster="${item.video.thumbnail}" preload="metadata">
                     <source src="${item.video.playlist.fhd?.url ?? item.video.playlist.hd?.url ?? item.video.playlist.ld?.url ?? item.video.playlist.sd?.url}" type="video/mp4">
                 </video>`;
                 link = item.url;