[WordPress] 外掛分享： Device-Specific Media Element

WordPress 外掛 Device-Specific Media Element 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Device-Specific Media Element」是 2025-05-29 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2025-06-02，距離現在已有 269 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

rondevs |

外掛標籤

media | video | elementor | responsive | device-specific |

內容簡介

**總結:**

Device-Specific Media Element 是一個 Elementor 擴充功能，允許您為不同設備提供不同的媒體格式：

- iOS 設備（iPhone/iPad）→ 載入並播放 .gif 文件
- Mac 設備 → 載入並播放 .mp4 文件
- 其他設備（Windows、Android、Linux 等）→ 載入並播放 .webm 文件

透過為每種設備類型提供最適合的媒體格式，這種方法優化了性能，改善了載入時間和使用者體驗。

**問題與答案:**

1. Elementor 外掛的 Device-Specific Media Element 主要功能是什麼？
- 允許您為不同設備提供不同的媒體格式。

2. 這個外掛支援的媒體格式有哪些？
- .gif、.mp4 和 .webm。

3. 如何使用這個外掛來配置媒體播放設置？
- 在 Elementor 編輯器中找到"Device-Specific Media"小工具，將其添加到頁面，為每個媒體類型上傳或指定 URL。

4. 這個外掛如何處理不支援的瀏覽器？
- 可以添加回退媒體或信息，以應對不支援的瀏覽器。

5. 這個外掛可以自動偵測訪客的設備並載入適當的媒體類型嗎？
- 是的，這個外掛能夠自動偵測訪客的設備並載入適當的媒體格式。

原文外掛簡介

Device-Specific Media Element is an Elementor extension that allows you to serve different media formats to different devices:

For iOS devices (iPhone/iPad) → Load and play .gif files
For Mac devices → Load and play .mp4 files
For other devices (Windows, Android, Linux, etc.) → Load and play .webm files

This approach optimizes performance by serving the most appropriate media format for each device type, improving load times and user experience.
Features

Custom Elementor widget for device-specific media
Automatic device detection using JavaScript
Support for .gif, .mp4, and .webm formats
Options for autoplay, loop, mute, and controls
Fallback media for unsupported browsers
Fully responsive design
Multiple widget instances on the same page
Clean, modular code following WordPress standards

Usage
After installing and activating the plugin:

Edit a page with Elementor.
Find the “Device-Specific Media” widget in the Elementor editor.
Add the widget to your page.
Upload or specify URLs for each media type:

GIF for iOS devices
MP4 for Mac devices
WebM for other devices

Configure playback settings (autoplay, loop, muted, controls).
Add a fallback image/message for unsupported browsers.
Save and publish your page.

The plugin will automatically detect the visitor’s device and load the appropriate media type.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Device-Specific Media Element」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.0.1 | trunk |

延伸相關外掛（你可能也想知道）

  • Responsive Menu – Create Mobile-Friendly Menu 》這是一個高度自訂化的 WordPress 響應式選單外掛程式，擁有超過150個可自訂選項，讓您擁有22,500種組合選擇！您不需要編寫代碼或知識，只需使用簡單易用的介...。
  • WP Mobile Menu – The Mobile-Friendly Responsive Menu 》需要一個專門的手機網站體驗嗎？需要一個能讓您的手機訪客參與的手機菜單外掛嗎？, , WP Mobile Menu是最優秀的WordPress響應式手機菜單。使用任何設備（智能...。
  • WPtouch – Make your WordPress Website Mobile-Friendly 》WPtouch是一個 WordPress 插件，為您的 WordPress 網站自動添加一個簡單而優雅的行動版主題，以迎接行動訪客。建議您使用 Google 推薦的 WPtouch，它可以立即...。
  • Sidebar Widgets by CodeLights 》❗ 很抱歉，由於 SiteOrigin 的 widgets API 完全更改，CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案：您仍然可以在純文字編輯器中創...。
  • Font Awesome 4 Menus 》此 WordPress 外掛能夠在不需編寫任何程式碼的情況下，將 Font Awesome 4 圖示添加到您的 WordPress 選單和網站上！您只需將 fa-（圖示名稱）添加為選單的 cl...。
  • WP Responsive Menu 》WP Responsive Menu是一個簡單的外掛，可以讓您在WordPress網站上快速添加高度可定制的響應式菜單，在設置頁面上直接進行自定義，無需任何編碼技能。, 查看實...。
  • Genesis Responsive Slider 》此外掛可讓您建立簡單的響應式幻燈片，顯示每篇文章的特色圖像、標題和摘要。, 它包含您的投影片的最大尺寸選項，可讓您選擇顯示文章或頁面，可以從哪個類別...。
  • BlossomThemes Social Feed 》BlossomThemes Social Feed 外掛讓您可以在您的網站上顯示 Instagram 個人資料。該外掛與 BlossomThemes 的佈景主題搭配使用效果最佳。, 您可以最多顯示 25 ...。
  • Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊，讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊，加入他們的照片、職位、個人簡介...。
  • Timeline Express 》Timeline Express 是最佳的 WordPress 時間軸外掛程式，可讓您在網站上建立美麗的動畫垂直時間軸。填入公告，設定日期，Timeline Express 會按照正確的時間順...。
  • Tabby Responsive Tabs 》, 增加一組水平標籤，在較窄的視窗時會變成手風琴, 使用 jQuery 建立標籤和手風琴, 支援同一頁面多組標籤, 使用語意化的標題和內容標記, Aria 屬性和角色有助...。
  • ShiftNav – Responsive Mobile Menu 》ShiftNav 是 WordPress 的一個很棒的行動裝置選單外掛程式。它的外觀和操作方式與像 Facebook、Gmail 等受歡迎的應用程式的本機 App 側邊拉出式選單非常相似...。
  • Microthemer Lite – Visual Editor to Customize CSS 》Microthemer是一個輕量級且功能強大的視覺編輯器，可以自訂網站的CSS樣式，從Google字體到響應式佈局，它適用於程式開發人員和非程式開發人員，並與Elementor...。
  • Meteor Slides 》Meteor Slides 讓您輕鬆製作幻燈片並使用 shortcode、小工具或模板標籤發佈它們。 幻燈片支援響應式和流體佈景主題，可適應任何設備並支援觸控。 使用超過20...。
  • Meow Lightbox 》這款響應式相簿外掛設計用於攝影，可以顯示 EXIF 數據。這款外掛經過高度優化，設計非常快速和優雅。您一定會喜歡它！在此了解更多詳情：Meow Lightbox。, 關...。

文章
Filter
Apply Filters
Close
Mastodon