TOP

2021年1月22日 星期五

[Blogger] 修正 YouTube 影片在手機版面不顯示的問題


圖片來源: https://zh.wikipedia.org/wiki/YouTube

 

在編輯 My immortal by Natalia Tsarikova 這篇文章時,發現嵌入的 YouTube 影片以手機檢視不會出現,但在電腦上檢視是正常的。從網路上搜尋到的資料來看,這問題從似乎從2020年中旬即有人反映,目前還未解決(或這是 Google 的策略?)。

 

 

[解決方法]

 

網上已有人提供暫時的解法:透過編輯嵌入 YouTube 影片文章的 HTML,搜尋並刪除 class="BLOG_video_class" 字串,或用 YOUTUBE_video_class 取代(class="YOUTUBE_video_class"),即可在手機上正常顯示影片。若同一篇文章中有許多影片,可先複製該文章的 HTML,用編輯軟體取代字串後再貼回原處。範例如下,紅色的部份是需刪除的字串:

<div class="separator" style="clear: both; text-align: center;">

<iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/G0RaPlAJ2mI" width="320" youtube-src-id="G0RaPlAJ2mI"></iframe>

</div>

 

這個方法需對每篇文章手動修正,若許多文章有嵌入影片將會非常麻煩。除了手動刪除,目前尚無更好的作法。在此留下記錄,待有更好的方法時再更新。

 

 

[參考]

 

Youtube videos don't show on the phone version, what can I do ?

Videos won't play on phones, but they do play on my desktop

Videos not playing on my blog

  

 

沒有留言:

張貼留言