1

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

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

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

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

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

有人可以帮我吗？谢谢。

4

1 回答 1

1

这是一个讨论在 Android 中使用默认媒体播放器播放嵌入式视频并支持所有可能的手机的问题的线程。我的回答在所有情况下都对我有用。

编辑这是我如何使用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;
}

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

于 2013-01-15T08:42:36.570 回答