內容簡介
HTML bulleted list:
<ul>
<li>Vital Video 是一個 WordPress 區塊外掛程式，旨在在顯示 YouTube 影片時改善核心 Web 指標性能。</li>
<li>它提供一個輕量級、性能優化的解決方案，首先加載可點擊的影片縮略圖，而非傳統的嵌入。</li>
<li>Vital Video 區塊不會直接在 WordPress 編輯器中播放影片。它旨在優先考慮前端的性能和用戶體驗。要測試影片行為，只需預覽您的帖子或頁面。</li>
</ul>
#### 問題與答案:
1. Vital Video 的主要功能是什麼？
- 主要功能是改善顯示 YouTube 影片時的核心 Web 指標性能。
2. 在什麼情況下，Vital Video 不會在 WordPress 編輯器中直接播放影片？
- Vital Video 會優先考慮前端的性能和用戶體驗，因此不會在 WordPress 編輯器中直接播放影片。
3. 如何使用 Mute Toggle 功能來控制影片播放行為？
- Mute Toggle 功能主要針對移動設備，符合瀏覽器的自動播放政策。當 Mute 切換為關閉（聲音開啟）時，影片需要兩次點擊才能開始播放；切換為開啟（聲音關閉）時，影片將在單擊後自動靜音播放。
4. 如何關閉 WebP 使用，並使用替代格式如 JPG？
- 如果遇到虛擬占位圖像，請選擇不同的縮略圖尺寸，以查看是否存在其他的 WebP 版本。如果找不到 WebP 影像，可以啟用「Disable WebP Images」選項，以使用 JPG 等替代格式。
5. 這個外掛程式連接到哪些 YouTube 服務以嵌入影片並檢索影片信息？
- 這個外掛程式連接到 YouTube 的嵌入服務（youtube-nocookie.com）以顯示影片，從 YouTube 的伺服器加載影片播放器。並且使用 YouTube 的 oEmbed API 來在您的內容中添加影片，使用 YouTube 的縮略圖服務來檢索影片縮略圖圖像。
外掛標籤
開發者團隊
原文外掛簡介
Vital Video is a WordPress block plugin designed to improve Core Web Vitals performance when displaying YouTube videos.
Instead of traditional embedding, it provides a lightweight, performance-optimized solution that first loads a clickable video thumbnail.
The Vital Video Block doesn’t play videos in the WordPress editor. It’s designed to prioritize performance and user experience on your frontend. To test video behavior, simply preview your post or page.
Features
Performance-first YouTube video display.
Automatic video thumbnail and title retrieval.
WebP image support for faster image loading.
Customizable aspect ratios (4:3 and 16:9).
Displays the video title in the image.
Multiple thumbnail quality options.
Minimal initial page load impact.
Option to disable WebP images if unavailable.
Advanced video playback controls.
Uses YouTube’s no-cookie thumbnail service.
Respects modern browser autoplay policies.
Alt text matches the video title.
Thumbnail dimensions set based on selected image size:
HQ (480×320): Default size
SD (640×480): Standard size
MAX (1280×720): Highest available resolution
Vital Video Settings
Aspect Ratio: Choose between 16:9 and 4:3.
Mute Toggle: Control video playback behavior.
Thumbnail Quality: Select from High, Standard, or Maximum resolution.
Disable WebP: Turn off WebP usage if unavailable.
Mute Toggle
The Mute Toggle feature is designed primarily for mobile devices, adhering to browser autoplay policies.
Mute Toggle Off (Sound On):
Videos require two clicks to start playing:
The first click loads the video.
The second click begins playback. Ideal for maintaining user control and preventing unexpected audio.
Mute Toggle On (Sound Off):
Videos play with a single click.
Automatically starts muted.
Perfect for situations where immediate video playback is desired.
Complies with browser autoplay restrictions.
Disable WebP Images
WebP is enabled by default. Most thumbnails will use the WebP format.
However, if you encounter a dummy placeholder image, try selecting a different thumbnail size to see if another WebP version exists.
If no WebP images are available, you can enable the “Disable WebP Images” option as a last resort. This – will use fallback formats like JPG instead.
Only use “Disable WebP Images” when absolutely necessary!
External Services
This plugin connects to YouTube’s services to embed videos and retrieve video information:
YouTube Video Service:
The plugin connects to YouTube’s embed service (youtube-nocookie.com) to display videos
When a video is played, it loads the video player from YouTube’s servers
YouTube’s terms of service: https://www.youtube.com/static?template=terms
YouTube’s privacy policy: https://policies.google.com/privacy
YouTube oEmbed API:
Used to fetch video titles when adding videos to your content
Sends the YouTube video ID to retrieve the video title
API documentation: https://developers.google.com/youtube/v3/docs/videos
YouTube Thumbnail Service:
Retrieves video thumbnail images from i.ytimg.com
Only loads thumbnails for videos you’ve embedded
No personal data is sent to this service
Note: This plugin uses YouTube’s privacy-enhanced mode by default, which helps protect your visitors’ privacy by not setting cookies until the video is played.
Contributing
Contributions are welcome! You can support Vital Video in various ways:
Write about the plugin on your blog or share it on social media.
Translate the plugin into your language using your WordPress.org account.
Review the plugin here on WordPress.org.
