Q&A
各ファイルの置き場所、構成がわかる情報を質問本文に追記してください。
ホームページで動画を再生したいです。
しかし、サムネイル画像より動きません。
ちなみに元ファイルは再生できていることを確認ずみです。
クロームで見てみて再生のマーク等でない状況です。
解決策を教えてください。
追記 こちらのファイルがtop.htmlで、今回のムービーが、imageフォルダ内のmedium.mp4にあります。top.htmlとimageフォルダは同じ階層です。base.cssもtop.htmlと同じ階層です。
加筆します。
i phoneの動画をmp4にxmediaに変更して出来ていない状況です。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <link href="base.css" rel="stylesheet" type="text/css"> 6 <title>作</title> 7 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 8</head> 9<body> 10 <div class="main"> 11 <div class="mainphoto"></div> 12 <p> 場所やそこにまつわるお話をまとめたサイトです。 </p> 13<video src="image/medium.mp4" width="150px" height="150px"> 14</video> 15 </div> 16</body> 17</html>
こちらのファイルがtop.htmlで、今回のムービーが、imageフォルダ内のmedium.mp4にあります。top.htmlとimageフォルダは同じ階層です。base.cssもtop.htmlと同じ階層です。
質問本文に追記してください。
こちらはデフォルト非表示のコメント欄ですので。
<video></video>
のように改行なくしても出ませんか？
改行無くしても出来ません。
ちなみにmp4以外ではどうですか？
ファイルサイズは関係あるかもしれませんが、、
http://www.harukaranatsu.com/blog/post-388/
アドバイスありがとうございます。
webm、movもダメでした
例えば、ですが、その動画ファイルをそのままドラッグ&ドロップするとどうなりますか？
一応、それがそのブラウザでの動画表示になります。
あまり詳しくないのですが、変換形式によっても違うようで、対応していないブラウザもあるようです。
http://tamachan.tama777.com/Reference/small_technic_Video_mp4.html
回答1件
0
ベストアンサー
コメントで書きましたが、動画ファイルをブラウザにドラッグ＆ドロップして確かめてください。それがそのブラウザでのその動画の表示になります。
ただ、いずれにしても
<video src="image/medium.mp4" controls width="150px" height="150px"></video>のようにcontrols属性をつけなければ再生はできなかったと思います。
私自身の環境（Windows10）でも、変換してmp4にした動画は音声のみしか流れませんでしたが、もともとmp4として作られた動画はファイルサイズ関係なく再生できました。
※いずれもWMPでは再生できています。
何かの動画形式から変換されたものではなくてもmp4として作る際の内部的な形式によってはブラウザがきちんと認識できないのではと思います。
念のため、下記のようにvideo内にsourceを入れてtype(MIME TYPE一覧)をきちんと指定してみてください。
html
1 <video controls width="150px" height="150px"> 2 <source src="image/medium.mp4" type="video/mp4"></video>
投稿2019/06/22 04:58
編集2019/06/22 05:00総合スコア80850
あなたの回答
tips
プレビュー
