如何讓手機上的影片自動調整符合手機營幕尺寸?

Views

一個好的主題模版本身的設定就應該是會自動將文章裡的youtube影片為不同尺寸的營幕做調整, 然而有時候偏偏會喜歡上一個不會自動將影片做調整的主題模版, 這時, 真有一種"恨鐵不成鋼"的感覺, 對這個主題無法捨棄, 可偏偏發文的影片在手機上看就會被硬生生的卡斷只剩一半.

今天人手一機的時代下, 真的不能做個網站只有在PC上看時是正常的, 到了手機就斷片了. 所以, 如果真的愛上了一個對手機用戶不友善的主題時, 沒關係, 本篇示範如何讓文章中的youtube 影片在不同尺寸的營幕上都能完整呈現.

好好的影文因為在手機上被截斷, 感覺真的很掉潻, 建議最好的解決辦法, 就是另選一款功能設置上對手機用戶友善的主題模版, 但如果真的不想更換主題, 就是鐘愛這款, 也沒關係, 解決方法超級簡單, 只需在從youtube影上取得的內嵌程式碼:

➤ Copy下程式碼, 回到Blogger 後台
➤ 文章編輯模式選[<>HTML檢視], 在要加入影片處貼入程式碼
➤ 然後在youtube 的程式碼的前面加上:

<div class="video-responsive">
<iframe 這裡是youtube的內嵌程式碼></iframe>
</div>
➤按下[發布]後, 手機上的影片就會正常顯示囉.

還有另一種方法可供參考:

➤ Copy YouTube影片網址
➤ 到這個網站取得嵌入程式碼


➤ Copy下程式碼, 回到Blogger 後台
➤ 文章編輯模式選[<>HTML檢視], 在要加入影片處貼入崁入程式碼
➤ 按下[發布]鍵即可.

喜歡或者 不喜歡 如果覺得這篇有用, 那就請我喝杯咖啡吧!請我喝杯咖啡吧!

0 留言:

張貼留言