文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > H5教程 > 主體

分享一個簡單的HTML5 影片嵌入實例程式碼

零下一度

發布： 2017-04-26 15:41:18

原創

7305 人瀏覽過

這是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中文網其他相關文章！

相關標籤：

HTML5 ，视频

來源：php.cn

上一篇：怎麼製作一個H5響應式網站？下一篇：介紹一個用HTML5 Canvas 製作的時鐘

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章