webview 和 youtube 视频

Question

对不起我的英语。这是我的问题。 我有一个 html 文件，其中有一些 youtube 视频。我在 webview 中加载这个文件。当带有 webview 的活动开始时，我会看到视频缩略图和 我会单击它们以在智能手机的媒体播放器或浏览器中观看它们。

视频嵌入到带有标签的html文件中：

• object => 我可以看到缩略图，但是如果我点击它，它不会打开视频

• iframe => 我可以看到缩略图，如果我点击它，视频就会开始，但是： - 如果我点击暂停然后播放，音频会重新开始，但视频不会 - 我无法全屏观看视频

• video => 我可以看到缩略图，但是如果我点击它，它会出现一个灰色的方块，就像缺少插件一样

谁能帮帮我？谢谢。

Answer 1

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

编辑下面是我如何使用img标签播放视频的完整示例：

<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;
}

现在选择合适的图标，您可以使它看起来与真实的视频标签非常相似，并且适用于所有平台。