2026年5月16日 星期六

使用Random Content插件流播Youtube或Dailymotion視頻

在 WordPress 或其他支援的系統中,使用 Random Content(隨機內容)插件來流播(播放)YouTube 或 Dailymotion 影片,核心邏輯是將各個影片的 iFrame 嵌入代碼(Embed Code)作為獨立的內容項目輸入,再透過短代碼(Shortcode)或小工具隨機抽選播放。


步驟一:獲取影片的嵌入代碼 (iFrame)您需要先收集想要隨機播放的 YouTube 或 Dailymotion 影片嵌入碼。


YouTube 獲取方式:

開啟 YouTube 影片,點擊影片下方的「分享」按鈕。選擇「嵌入」(Embed)。

複製右側出現的 <iframe ...></iframe> 程式碼。


Dailymotion 獲取方式:

開啟 Dailymotion 影片,點擊影片上的「分享」(Share)圖示。

選擇「嵌入代碼」(Embed code)。複製產生的 <iframe> 程式碼。


步驟二:在 Random Content 插件中建立影片庫以熱門的 WordPress Random Content 插件為例:


啟用插件:進入 WordPress 後台,安裝並啟用「Random Content」插件。

建立群組(選填,建議設定):前往 Random Content ➔ Groups。新增一個群組,例如命名為「隨機影片流」,方便與文字或廣告等其他隨機內容區隔。

新增影片項目:前往 Random Content ➔ Add New。標題:輸入影片名稱(僅供後台識別)。

內容編輯器:將切換模式改為 「文字 / HTML」 模式(不要用視覺化編輯),然後貼上剛才複製的 <iframe> 嵌入碼。

分類群組:在右側勾選剛剛建立的「隨機影片流」群組。點擊發佈。重複此步驟,將所有想輪播的 YouTube 和 Dailymotion 影片一一建立為獨立項目。


步驟三:在網頁前端展示與流播完成影片庫建立後,您可以透過以下幾種方式在網頁上隨機顯示影片:


1. 使用短代碼(Shortcode)放在頁面或文章中在任何文章或頁面的區塊中,插入以下短代碼:

text

[random_content group_id="您的群組ID"]


2. 使用小工具(Widget)放在側邊欄前往 外觀 (Appearance) ➔ 小工具 (Widgets)。將 Random Content 小工具拖曳到您的側邊欄(Sidebar)或頁尾。在下拉選單中選擇對應的影片群組,儲存即可。 [CitySky CPanel的用戶要用短代碼(Shortcode)。17/05/2026]


3. 如果使用 Elementor 頁面編輯器


如果您使用的是 Elementor,也可以搭配 Random Content for Elementor Widget 插件。它多了一個非常實用的功能:支援顯示「Shuffle(隨機切換)按鈕」。使用者不需要重新整理整個網頁,點擊該按鈕就能直接在原地隨機更換下一部影片。


進階技巧:實現「自動連續播放」


如果您希望影片在被隨機抽到時自動開始播放,可以在複製來的 <iframe> 代碼中,手動在影片網址後面加上自動播放參數:


YouTube 範例(加上 ?autoplay=1&mute=1,因瀏覽器限制,通常必須靜音才能自動播放):


Dailymotion 範例 [Dailymotion預設]


沒有留言:

張貼留言

@cityskyads: YouTube刪除影片