jsWaffle質問掲示板(雑談やTips歓迎)

jsWaffleについて質問する掲示板です。(雑談や発見したTipsの投稿も大歓迎です!)

@41■ (#135) 動画の再生をするには? - はりねずみ (2011-08-18 15:42) /高 質問
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は「動画再生」を押すとアプリが終了する
→実機
  「動画再生」を押すと画面が真っ白になり、そのまま何も起こらない
動画の再生をするには? / はりねずみ (2011-08-18 15:42) (#135)/ 高 質問
  対象とするOSレベルを変更 / クジラ飛行机 (2011-08-22 09:04) (#141)/ 高 返信
    もしやSDカード内の動画しか、再生できな.. / はりねずみ (2011-09-02 20:10) (#155)/ 高 返信

(#135)へ返信する:

名前
タイトル
本文
困った度
状態
確認キー お手数ですが、いたずら防止のために、半角数字で「8932」と入力してください。
編集キー 編集時に使うキーを入力(省略可能)
添付ファイル 画像ファイル(最大300KB)を添付可能