環境
iPhone 3GS iOS 4.3.3(8J2)
HTML5のvideoタグを利用して、movファイルを表示させています。
PC上(Windows Vista、Mac OSX)のSafari、Chrome、IE等では、
正常に表示されますが、
iPhone上のSafariで閲覧すると、正常に表示されません。
●現象
iPhone上のSafariで閲覧すると、表示部分が黒くなり、
正常に表示されません。
ちなみに現象が発生しているのは、以下のサイトです。
http://www.tommwo.com
ビデオについては、Mac OS X 10.6上の、iMovieでビデオを作成後、
QuickTimeを利用して、908×340ピクセル(カスタムサイズ)
のmovファイルとして書き出しを行いました。
●試した事
・とあるサイトで、JavaScriptによる回避方法が示してありましたので、
試しましたが、回避できませんでした。
スクリプト部分
window.onload = function() {
var pElement = document.getElementById("myVideo");
pElement.load();
pElement.play();
};
ビデオタグ実装部分
<video id="myVideo" autoplay loop width="908" height="340">
<source src="images/main_001_title.mov" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
<p>動画を再生するにはvideoタグをサポートしたブラウザが必要です。</p>
</video>
・mp4、m4vでも試しましたが、同様の結果です。
・QuickTimeでiPhone用に書き出しを行ったところ、(希望する解像度ではない)
表示はされましたが、再生マークが中央に表示され、自動再生されません。
再生マークを押下すると、別ウィンドウが立ち上がり、再生されます。
これは、実現したい状況と異なるため、NGと考えております。
●その他
・もともとFlash(swf)で実装していた物を、iPhoneにて表示可能な
様にHTML5への移行中です。
●要望
・iPhone Safari上で、ページをロードした際に、
同一ページ内で表示され、かつ自動再生されることが要望となります。
現在も他の回避策がないか調査中ですが、もしこの辺の情報をお持ちの方が
いらっしゃいましたらご教示願います。
以上、何卒よろしくお願い致します。<(_@_)>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
WOWOW を録画したDVD を借りた...
-
BDデイスクを認識してくれない
-
VAR初期化のBS録画DVDを再生す...
-
Blu-rayに移動した番組が見れない
-
Windows Media Playerの字幕が...
-
microsdに録画したワンセグ映像...
-
Windows 95/98対応のCD-ROMを ...
-
動画の編集について(早送りム...
-
メディアプレイヤーのDVD再生速...
-
音声及び動画の再生速度が速く...
-
PCのDVD再生について
-
パソコンでコピー不可なDVDを画...
-
Windows11でMP3 CDを作る方法
-
WINDOWSムービーメーカーで作成...
-
RealPlayerで動画が再生できない
-
DVDの内容をパソコンに取り込み...
-
LINEで動画を送信 その後表示し...
-
パソコン上で4K動画を4k非対...
-
edgeで動画を見ていたら再生で...
-
iPadで、YouTubeを止めずに別の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Windows11でMP3 CDを作る方法
-
パソコンでドライブレコーダー...
-
WOWOW を録画したDVD を借りた...
-
m2tsの動画がPCでうまく再生で...
-
WIN DVDを削除することで、DVD...
-
コーデックが見つかりませんと...
-
TSファイルを再生すると音声...
-
1枚のDVDに複数の動画ファイル...
-
デジタルコピー保護エラー
-
NHK高校講座の動画が再生できま...
-
Windows Media Player10で再...
-
Windows 95/98対応のCD-ROMを ...
-
「1個のプログラムが閉じられ...
-
DVDの音声が出ない。
-
動画を再生するとアプリケーシ...
-
AdobeのPhotoshopが勝手に起動...
-
PowerPointにDVDの動画を挿入し...
-
PCでビデオ動画を読み込むと音...
-
H264をmp4に変換する方法
-
プリウス純正ナビ DVD再生につ...
おすすめ情報