1

私の英語でごめんなさい。これが私の問題です。YouTubeビデオがいくつかあるhtmlファイルがあります。このファイルを webview にロードします。WebView でのアクティビティが開始されると、動画のサムネイルが表示され、クリックしてスマートフォンのメディア プレーヤーまたはブラウザーで視聴します。

ビデオは、タグ付きの html ファイルに埋め込まれています。

  • オブジェクト => サムネイルは表示されるが、クリックしても動画が開かない

  • 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 に答える