ホームページ > 記事 > ウェブフロントエンド > シンプルな HTML5 ビデオ埋め込みサンプルコードを共有する

シンプルな HTML5 ビデオ埋め込みサンプルコードを共有する

零下一度オリジナル: 2017-04-26 15:41:187296ブラウズ

これは HTML5 にビデオを埋め込む簡単な方法で、ビデオを素早く埋め込むことができます

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.php.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>HTML5 Video Demo</title>
</head>
<body>
<p style="width: 667px; margin: 0 auto;">
	<video width="667" height="375" controls>
		<source src="FILE_NAME.mp4"  type=&#39;video/mp4; codecs="avc1.42E01E, mp4a.40.2"&#39; />
		<source src="FILE_NAME.ogv"  type="video/ogg" />
		<object width="667" height="375" type="application/x-shockwave-flash" data="FILE_NAME.swf">
			<param name="movie" value="FILE_NAME.swf" />
			<param name="flashvars" value="controlbar=over&amp;image=PLACEHOLDER_FILE_NAME.jpg&amp;file=FILE_NAME.mp4" />
			<img src="PLACEHOLDER_FILE_NAME.jpg" width="250" height="152" alt="ALT_HERE" title="TITLE_HERE" />
		</object>
	</video>
</p>
</body>
</html>

以上がシンプルな HTML5 ビデオ埋め込みサンプルコードを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：H5 レスポンシブ Web サイトを作成するにはどうすればよいですか?次の記事：H5 レスポンシブ Web サイトを作成するにはどうすればよいですか?

続きを見る

シンプルな HTML5 ビデオ埋め込みサンプル コードを共有する

関連記事

シンプルな HTML5 ビデオ埋め込みサンプルコードを共有する