jsWaffleとAptana2を使って、動画で解説するアプリを作っています。
しかし、うまく再生ができず困っています。
使う動画は1.35MBのmp4で、ここでは「test.mp4」と名づけています。
index.htmlと同じフォルダに入れてあります。
確認したAndroidバージョン
エミュレーター(1.6、2.1、2.2、2.3.1)
Xperia SO-01B(バージョンは2.1)
試した方法は3つ
(1)<a>タグ
(2)<video>タグ
(3)droid.startIntent
※Chromeでは(3)以外動きました
(1)<a>タグ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jsWaffle.js"></script>
</head>
<body>
<a href="test.mp4">動画再生</a>
</body>
</html>
→エミュレーター、実機ともに「動画再生」を押しても何も起こらない
(2)<video>タグ(Aptana2では<video>で警告が出るので、JSでHTMLを書き直しました)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jsWaffle.js"></script>
<script>
function stVideo(){
$("getVideo").innerHTML =
"<video src='test.mp4' poster='test.png' onclick='this.play()' control>" +
"動画再生できません" +
"</video>";
}
</script>
</head>
<body>
<button onclick="stVideo()">動画再生</button>
<div id="getVideo"></div>
</body>
</html>
→エミュレーター
2.1、2.2は「動画再生」を押すとアプリが終了する
2.3.1はコントロールバーは表示されるけど、posterの画像が表示されない
→実機
ダイアログ「予期せず停止しました。やり直してください。」と出て強制終了
(3)startIntent
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jsWaffle.js"></script>
<script>
function stVideo(){
droid.startIntent("file:///android_asset/www/test.mp4");
}
</script>
</head>
<body>
<button onclick="stVideo()">動画再生</button>
</body>
</html>
→エミュレーター
1.6、2.1、2.2は「動画再生」を押すと画面が真っ白になり、そのまま何も起こらない
2.3.1は「動画再生」を押すとアプリが終了する
→実機
「動画再生」を押すと画面が真っ白になり、そのまま何も起こらない