android - WebView 和 youtube 视频

Question

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

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

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

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

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

谁能帮帮我？谢谢。

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 也是我开发的 Activity - 它基本上授予对视频文件的临时访问权限，播放它然后撤销访问权限。

现在我使用的 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;
}

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