窩在艾爾

【問題筆記】#Linux,#Android、#Java、#Python,#LineBot 【日常隨手分享】#吃 #喝 #玩 #樂

【Android】如何在Webview嵌入Youtube影片?

常常在部落格文章中直接可以播放Youtube影片;但是如何在App實現呢?

想要在自己的App內嵌入Youtube影片,

而且不會跳轉到Youtube App中去播放,

要如何實現呢?

Demo影片


首先,要先拿到Youtube影片的嵌入網址,

點選Youtube影片下方的分享按鈕

點擊影片下方的分享

點擊嵌入選項

點擊畫面中的嵌入

此時會看到一連串的嵌入影片的網址,點擊複製並且放到Code裡面即可

點擊複製

若是想要自動播放,需要在影片ID後面加入 "?&autoplay=1"

https://www.youtube.com/embed/th9WMMJuOFU?&autoplay=1\

這樣預先動作就準備好囉~


接下來是程式碼的部分

加入WebVIew物件
加入WebView物件


載入影片預覽圖片
使用WevViewAssetLoader載入影片預覽圖片
設定WebVIew
setJavaScriptEnabled(true) // 需要設定可以使用JavaScript
setUserAgentString(USERAGENT) // 若是需要自動播放影片,UserAgent一定要設定
setWebViewClient(new WebViewClient()); // 嵌入網址需使用WebViewClient()去Request


設定網址並播放
loadUrl(VideoEmbededAdress); //設定非嵌入網址給WebView,此範例為嵌入影片,所以loadUrl不適用
loadDataWithBaseURL("", VideoEmbededAdress, mimeType, encoding, ""); //設定嵌入影片網址


Request 播放,會得到Request的URL,可以在此Debug使用
最後WebViewClient Request

經過以上的步驟,就完成囉

來欣賞Demo作品吧~

Demo影片

GitHub程式碼

有任何問題都歡迎留言討論喔~

喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明
2

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區