HTMLで質問です。

PC、スマートフォンで、動画を流したいのですが
どういったファイル形式にし、どういうタグを埋め込めばよいでしょうか?
PCでは、IE7以上対応でお願いします。
※全てではなく、一部の形式をご存知な方もご回答ください。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/04/29 23:46:41
  • 終了:2013/05/06 23:50:05

回答(5件)

id:dawakaki No.1

だわかき回答回数797ベストアンサー獲得回数1222013/04/30 18:36:59

ポイント25pt

HTML5対応ブラウザ(IE8以降、AndroidやiOSのブラウザ)では、videoタグで動画を埋め込みます。
http://www.htmq.com/html5/004.shtml
動画形式はH.264(拡張子MP4)が標準的です。

IE7はHTML5をサポートしていないので、objectタグを使って動画を埋め込みます。
http://yamayuri-w.jugem.jp/?eid=367
H.264は再生できます。

id:hiroto300 No.2

Hiroto回答回数357ベストアンサー獲得回数1002013/04/30 18:41:13

ポイント25pt

html5で追加された、videoタグを利用するとスマートフォンでも動画を再生できます。*1

<video src="sample.ogv"></video>

とするか、

<video>
<source src="sample.mp4">
<source src="sample.ogv">
<p>お使いのブラウザでは動画を再生できません。</p>
</video>

とします。
この方法だと、最近のPCのブラウザでも再生することができますが、IE7以前と、IE7とIE8では再生できないので注意が必要です。
また、ファイル形式ですが、mp4形式、ogv形式、webm形式など(?)があるようですが、推奨の規格が未確定ですし、ブラウザごとにも異なるので、サンプルコードの後述の方法にしておくと無難でしょう。

※IE7とIE8では、プラグインを埋め込めば動画が再生できるようになるとは思いますが、このあたりは全然知識がないので他の方に任せます…。

id:holoholobird No.3

holoholobird回答回数574ベストアンサー獲得回数1042013/05/01 00:31:56

動画の拡張子にもよりますが、まずはyoutubeに動画を上げて、それを埋め込むのが一番簡単で確実でしょうね。

<iframe width="300" height="300" src="http://www.youtube.com/embed/W6QjKT1A2pI" frameborder="0" allowfullscreen></iframe>


こういう埋め込みコードで動画の開始時間と幅と高さを指定します。

id:makocan

外部サービスはNGでお願いします。

2013/05/02 13:12:18
id:boost_beast No.5

boost_beast回答回数785ベストアンサー獲得回数312013/05/06 23:42:38

ポイント25pt

http://nojhon.s71.xrea.com/lecmusic03.html

こちらはどうでしょうか。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません