Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
2
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

@tsunet111

PhoneGap Androidアプリ html5 videoタグで動画再生

概要

PhoneGap で Android アプリを書き出すと、ローカルにある動画ファイルを video タグで再生しようとしても、再生できません。
プラグイン等を使わず、video タグで再生させる方法です。

(ざっくりと文字だけ説明です。分かりづらければコメントいただければ改善します。)

前提

video タグを使って html 単体であれば動画再生できる状態のソースがある前提です。

html
<video src="mymovie.mp4" controls></video>

ファイルの移動

html ファイルと同じフォルダにある動画ファイル mymovie.mp4 を
platforms\android\res\raw
フォルダに移動します。

platforms\android フォルダがない場合は、一度 Android 用にビルドすれば生成されます。
platforms\android\res\raw フォルダは最初ないので、フォルダを作成します。

コード書き換え

html を以下のように書き換えます。

html
<video src="android.resource://com.phonegap.helloworld/raw/mymovie" controls></video>

com.phonegap.helloworld 部分は、アプリIDです。

これで再生できました。

注:
・拡張子をつけないこと!
・raw フォルダに入れること!(勝手な名前つけない)
・ファイル名に使えるのは、小文字アルファベットと数字。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
2
Help us understand the problem. What are the problem?