webview和youtube视频

Question

对不起我的英语。这是我的问题。我有一个html文件，其中有一些youtube视频。我将此文件加载到一个webview视图中。当使用webview的活动开始时，我会看到视频的缩略图，然后点击它们，在智能手机的mediaplayer或浏览器中观看它们。

视频嵌入到html文件中，标记为：

• 对象=>我可以看到缩略图，但是如果我点击它，它就不会打开视频
• 如果是=>，我可以看到缩略图，如果我点击它，视频就会启动，但是：-如果我点击暂停，然后播放，音频重新启动，而不是视频-我不能在全屏上观看视频
• 视频=>我可以看到缩略图，但如果我点击它，它会出现一个灰色的方块，如果一个插件缺乏

有人能帮我吗？谢谢。

Answer 1

在这里，is a thread讨论了在Android中使用默认媒体播放器播放嵌入式视频和支持所有可能的手机的问题。My answer在所有情况下都为我工作。

下面是一个完整的示例，说明我如何使用 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;
}

现在选择适当的图标，您可以使这个看起来非常类似于一个真正的视频标签，它将在所有平台上工作。