プロプログラマ

プログラマーを職業としてます。 Flex,Air,C#,Oracle,HTML+JSの言語ノウハウを中心に情報発信していきます

HTML5でビデオ再生は簡単

mp4などの動画ファイルをWEBページ上で再生させるのは、HTML5対応ブラウザなら簡単です。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>動画再生テスト・#64;HTML5</title>
</head>
<body>
<h1>HTML5のvideoタグによる動画再生</h1>
<video controls autoplay width="100%">
    <source src="test.mp4">
    <p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p>
</video>

<h1>リンクで開く場合</h1>
<a href="test.mp4" target="_blank">動画を開く</a>
</body>
</html>

サポートしていない場合は、再生できませんが、a href ...でリンクすれば、再生可能の可能性があります。(ブラウザによる)
昔ならFlashやActiveX使わないとダメでしたが、HTML標準でサポートされるとは。
実装方法もイメージ貼り付けるのと変わりません。
便利になりましたね。

 

== ランキングに参加しています。ぜひクリックお願いします ==

プログラム ブログランキングへ
にほんブログ村 IT技術ブログへ
にほんブログ村

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください