前言介紹
- 這款 WordPress 外掛「WP GIF Player – Play & Pause」是 2020-04-21 上架。
- 目前有 500 個安裝啟用數。
- 上一次更新是 2021-04-11，距離現在已有 1483 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
- 有 1 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
內容簡介
您可以在外掛選項頁面中選擇三種 GIF 播放方式之一。
GIF
這是預設方法。
當在您的媒體庫中上傳 GIF 時，會創建一個圖像縮略圖以作為 GIF 播放器的預覽。當用戶點擊 GIF 播放器時，原始 GIF 將只加載一次。
Canvas
使用此方法，每個 GIF 將在您的文章中加載，並轉換為可播放的 Canvas。上傳 GIF 時也會創建縮略圖像。
在此過程中，我們使用 BuzzFeed 的 libgif.js JavaScript 函式庫。
影片 (建議使用)
每個 GIF 文件將轉換為以下視頻格式：
WebM
MP4
為什麼要使用視頻？
眾所周知，GIF 文件的大小比視頻大，因此使用視頻而不是 GIF 文件將有助於提高您的網站性能。
想了解更多有關將 GIF 轉換為視頻的詳細信息嗎？請查看 GIF 當作影片Wiki。
縮略圖預覽
該外掛會提取 GIF 檔案並將第一個幀轉換為 JPEG 圖像作為縮略圖預覽。此文件將保存在原始 GIF 的同一文件夾中。
縮略圖圖像始終會生成一次，並且不會影響所選擇的 GIF 方法。
短碼
如果您仍在使用WordPress傳統編輯器，則必須使用以下短碼：
[gif-player id="gif_id"]
如果您不知道 GIF ID，則可以在「添加媒體」按鈕旁邊使用「添加 GIF 播放器」按鈕添加 GIF 播放器。
當您單擊「添加 GIF 播放器」按鈕時，媒體庫窗口將打開，您將能夠選擇或上傳您的 GIF。
當您保存並查看帖子時，外掛會根據插件選項頁面中選擇的 GIF 方法呈現 GIF 播放器。
Gutenberg區塊
您可以將 GIF 播放器作為 Gutenberg 區塊使用。查看更多詳細信息。
與Lazy Load兼容嗎？
一些Lazy Load 外掛與外掛中的三種 GIF 播放方法兼容，但是有些外掛將不允許您播放 GIF 播放器。
如果 GIF 播放器無法播放，您可以使用GIF CSS類跳過Lazy Load，請使用您的Lazy Load外掛過濾器。
每個 GIF 播放器的 CSS 類為:
GIF: wp-gp-pp-gif
Canvas: wp-gp-pp-gif-canvas-player
Video: wp-gp-pp-video-player
如果您的 Lazy Load 外掛要求您在 GIF 資產中添加自定義 CSS 類以避免懶加載，則必須在您的functions.php文件中使用GIF 播放器自定義過濾器。查看自定義過濾器以避免 GIF 播放器的懶加載。
當播放器作為影片失效時的 GIF 作為回落方案
如果任何原因導致當前的 GIF 播放器作為影片沒有任何視頻源，該外掛將使用 GIF 預設播放器 (GIF) 作為回落方案進行渲染。
原文外掛簡介
You can select one of the three GIF player methods in the plugin options page.
GIF
This is the default method.
When a GIF is uploaded in your Media Library it will create an image thumbnail to use it as the GIF player preview and when the user clicks on the GIF player the original GIF will be loaded once.
Canvas
With this method every GIF will be loaded in your post and then converted into a playable canvas. A thumbnail image is created as well when uploading the GIF in your Media Library.
For this process we’re using the libgif.js JavaScript library by BuzzFeed.
Video (Recommended)
Every GIF file will be converted to these video formats:
WebM
MP4
Why videos?
It is known that GIF files sizes are bigger than a video so using a video instead of a GIF file will help your website performance.
Want more details about converting GIF to video? Check the GIF as Video wiki.
Thumbnail Preview
The plugin will grab the GIF file and extract the first frame as JPEG image and use it as thumbnail preview. This file will be saved in the same folder of the original GIF.
The thumbnail image always generate once and doesn’t matter the selected GIF method.
Shortcode
If you’re still using the WordPress Classic Editor you must use the next shortcode:
[gif-player id="gif_id"]
If you don’t know the GIF ID you can add a GIF player using the “Add GIF Player” button next to the “Add Media” button.
When you click the “Add GIF Player” button the Media Library window will open and you will be able to select or upload your GIF.
When you save and view the post, the plugin will render the GIF Player according to the selected GIF Method in the plugin options page.
Gutenberg Block
You can use the GIF Player as a Gutenberg block. Check the wiki for more details.
Is compatible with Lazy Load?
Some Lazy Load plugins are compatible with the three GIF player methods in the plugin but there are other plugins that won’t allow you to reproduce the GIF player.
In case the GIF player cannot reproduce you can use your Lazy Load plugin filters to skip Lazy Load by using the GIF CSS classes.
The CSS classes for every GIF player are:
GIF: wp-gp-pp-gif
Canvas: wp-gp-pp-gif-canvas-player
Video: wp-gp-pp-video-player
If your Lazy Load plugin ask you to add a custom CSS class into the GIF asset to avoid Lazy Load you will have to use the GIF player custom filters in your functions.php file. Check the custom filters to avoid Lazy Load for the GIF players.
GIF as Video – Fallback
If for any reason your current GIF Player as Video doesn’t have any video source the plugin will render the default GIF Player (GIF) as fallback.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「WP GIF Player – Play & Pause」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1.0 | 0.1.1 | 0.1.2 | 0.1.3 | trunk |
延伸相關外掛（你可能也想知道）
Flat Preloader 》Flat Preloader 是一款可幫助您創建具有多個精彩 GIF 圖示的加載頁面的 WordPress 外掛。, 您可以選擇顯示加載頁面的位置，例如首頁或全部頁面。, 功能請求 ...。
Giphypress 》使用 Giphy WordPress 外掛為您的部落格增添一些趣味吧！！動畫 GIF 貼圖已經被證明是提升訪客量，增加停留時間和促進在社交媒體上分享的有效方法。別聽我們...。
GIF Master – Awesome GIFs with Giphy and Tenor 》想在您的內容中使用 GIF 動圖嗎？您不用再苦惱了。GIF Master 外掛就可以幫您使用無限量由 Giphy 和 Tenor 提供的免費 GIF 動圖。, 在文章或頁面編輯器中，您...。
WP GIF Uploader 》這個外掛可以處理 GIF 上傳的過程中，不會失去上傳的 GIF 動畫或所有生成的子大小。, 特點, , 上傳 GIF 至WordPress，不會失去 GIF 子大小中的動畫。, , 👉 P...。
Comment Image 》Comment Image 讓博客讀者在留言時附加一張圖片。, 支援的格式為 JPG、PNG、GIF。, 上傳的圖片會作為縮圖（可設定最大尺寸）顯示在留言文字下方，並連結到原...。
Insert Giphy Block 》這個外掛可以讓你直接在 Gutenberg 編輯器中搜尋並插入 Giphy。。
AM LottiePlayer 》迄今為止最完整的 Lottie 播放器。, AM LottiePlayer易於使用，輕量級且可以完全控制如何將清晰的向量動畫實現到您的網站。輕鬆設置用戶交互，選擇JSON或最佳...。
AI Preloader 》AI Preloader動畫能夠在網頁載入期間顯示一個專業的等待畫面，令使用者的第一印象更好。它向使用者展示您致力於提供高質量體驗，同時亦不會遺漏任何細節。, ...。
GIF Animation Preview 》這個外掛能夠找出文章中的每個 GIF 動畫，並將其替換為預覽圖像。無論是從另一個網站嵌入的 GIF 還是使用 WordPress 的靜態縮略圖，它都能處理。它會自動從動...。
WP Gfycat 》這是一個簡單的 WordPress 外掛，可以讓您使用短代碼在您的網站上插入 gfycat 影片。這個外掛可以啟用讓您從 gfycat.com 插入 gfycat 影片的短代碼，並以 gfy...。
atec WebP 》**總結：**, atec-WebP 可自動運作，無需配置。只需安裝、啟用，並開啟 "WebP active" 選項即可。, , **問題與答案：**, 1. atec-WebP 與其他圖像...。
Son of GIFV 》動態 GIF 圖片比較大，而 Imgur 推出的 GIFV 格式解決了這個問題，它將動態 GIF 轉換為 MP4 格式，再將其嵌入到 HTML 頁面中。這個外掛程式利用 Imgur API 將...。
Media Checkerboard 》這是一個簡單的 WordPress 外掛，可以在 PNG 和 GIF 圖像下渲染棋盤格，以便您查看透明通道。。
Gfycat Embed 》此外掛可在編輯器中實現 gfycat 連結的即時嵌入，並在媒體设置的页面添加了循環播放、自動播放和最大視頻寬度選項。播放按鈕只是一個 HTML 鏈接，因此它將遵...。
Embed Gfycat Block 》透過這個外掛，您可以建立 Gutenberg 區塊以搜尋並加入 Gfycat gif 至您的文章與 gif 頁面中。。