webview和youtube視頻

對不起，我的英語。這是我的問題。我有一個HTML文件，其中有一些YouTube視頻。我在webview中加載這個文件。當開始使用webview的活動時，我會看到視頻縮略圖和我會點擊它們在智能手機的媒體播放器或瀏覽器中觀看它們。webview和youtube視頻

影片被嵌入在HTML文件標籤：

對象=>我可以看到縮略圖，但如果我點擊它，它不打開視頻
IFRAME =>我可以看到縮略圖，如果我點擊它，視頻開始，但： - 如果我點擊暫停然後播放，音頻重新開始但不是視頻 - 我無法全屏觀看視頻
video =>我可以看到縮略圖，但如果我點擊它，它會出現一個灰色的方形，就像插件缺少一樣

任何人都可以幫助我嗎？謝謝。

來源

2013-01-15 user1979646

這裏is a thread討論在Android中使用默認媒體播放器播放嵌入式視頻並支持所有可能的電話的問題。 My answer在任何情況下都適合我。

編輯在這裏做了我如何使用img tags`播放視頻一個完整的例子：

<a href="javascript:window.JSInterface.startVideo('video.mp4');" 
    class="video-tag" > 
    <img class="video-icon" src="video_icon.png"> 
    <img src="video_poster.jpeg" class = "video-background"> 
</a>

而且在這裏不用我使用的代碼用於啓動視頻：

public void startVideo(String videoAddress) { 
    Intent intent = new Intent(activity, VideoPlayerActivity.class); 
    Bundle extras = new Bundle(); 
    extras.putString(VideoPlayerActivity.VIDEO_LOCATION_TAG, videoAddress); 
    intent.putExtras(extras); 
    activity.startActivity(intent); 
}

這裏VideoPlayerActivity也是我開發的活動 - 它基本上授予臨時訪問視頻文件，播放它，然後撤消訪問。

現在的CSS我用：

.video-icon { 
    margin-bottom: 20px; 
    background: rgba(0, 0, 0, 0.6); 
    position: absolute; 
    top: 0; 
    left: 0; 
    padding: 2%; 
    width: 11.4%; 
    padding: 0; 
    width: 100%; 
} 
.video-tag { 
    position: relative; 
    display: block; 
}

現在選擇相應的圖標可以讓這個看起來非常相似，真正的視頻標籤，並可以在所有平臺上工作。

來源

2013-01-15 08:42:36

「你簡直是最好的」[引用] – user1979646

它似乎工作，但我看不到縮略圖。 – user1979646

@ user1979646縮略圖...嗯，我不記得嘗試過了。可能如果它不適合你，請考慮使用普通的'img'標籤。畢竟你爲它的處理配置了'javascript'函數。沒有理由選擇完全視頻。 –

webview和youtube視頻

回答

相關問題