質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

3255閲覧

VIDEOタグに埋め込んだ動画が、iOSで再生されない

MemoT

総合スコア13

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2018/05/22 09:26

編集2018/05/22 15:59

現在制作中のWEBサイトに、2MBほどの大きさのmp4形式の動画を埋め込んでいます。

HTML

1 <div class = "first_view section"> 2 <video class="movie pc" muted autoplay> 3 <source src='img/xxx.mp4' type='video/mp4'> 4 </video> 5 <video class="movie sp" muted autoplay> 6 <source src='img/xxx_sp.mp4' type='video/mp4'> 7 </video> 8 </div>

スマホでの閲覧を試してみたところ、同一の通信環境下でAndroidでは再生できるのですが、iOSでは1フレーム目のみを読み込んだまま、再生されません。
OSの仕様等でなんらかの制約があるのでしょうか。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/05/22 14:39

ソースコードは```で「囲って」ください。冒頭および末尾は改行を入れる必要があります。自身で打つよりコード部分を選択して「<code>」ボタンを押すのが確実です。
m.ts10806

2018/05/22 14:40

{} で囲っているのはどういう意味があってでしょうか?
m.ts10806

2018/05/22 14:41

また、当該動画をファイルとして直接iPhoneに入れて、再生できるか確認してみてください。
MemoT

2018/05/22 16:01

ありがとうございます。ご指摘通り修正いたしました。お手数おかけします。直接iPhoneに入れてみたところ、再生は可能でした。
guest

回答1

0

下記のやり方でiPhone5Cでは動画再生可能でした。

https://www.plusdesign.co.jp/blog/?p=8213

もし同じ書き方でも再生されない場合は、
■容量が大きすぎる
■mp4にエンコードする際の設定
の可能性もあります。

もし解決済だったらすみません。

投稿2018/05/29 02:30

yyyy.yyyy

総合スコア53

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問