masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > 分享一个简单的HTML5 视频嵌入实例代码

分享一个简单的HTML5 视频嵌入实例代码

零下一度
Lepaskan： 2017-04-26 15:41:18
asal
7323 orang telah melayarinya

这是HTML5嵌入视频的简单方法，可以然你快速的将视屏嵌入

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "m.sbmmt.com/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>
Salin selepas log masuk

Atas ialah kandungan terperinci 分享一个简单的HTML5 视频嵌入实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
HTML5 ，视频
sumber：php.cn
Artikel sebelumnya：怎么制作一个H5响应式网站？ Artikel seterusnya：介绍一个用HTML5 Canvas 制作的时钟
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
React Three Fiber: Mengapa acara skrol saya ketinggalan? Dalam ReactThreeFiber, saya mempunyai komponen React yang menghasilkan sprite yang saya ma...
daripada 2024-04-06 13:39:24
0
1
410
Masalah dengan sambungan antara terminal pengecaman muka iVMS-4200 dan pangkalan Terminal pengecaman muka iVMS-4200 memaparkan ralat semasa menyambung ke pangkalan data my...
daripada 2024-04-06 12:20:33
0
1
347
Gunakan JS untuk mengawal kualiti main balik Adakah terdapat cara untuk mengawal kualiti main balik video menggunakan Javascript? Lebih...
daripada 2024-04-04 00:21:55
0
1
384
Menggunakan PHP, bolehkah saya meletakkan pernyataan foreach menjadi sementara? Saya bekerja di WP menggunakan PHP dan cuba mengurangkan masa muat fungsi yang mengambil b...
daripada 2024-04-03 17:12:43
0
2
330
Bagaimana untuk mengikis teks Cuaca Google tertentu menggunakan BeautifulSoup? Bagaimana untuk mencari teks kursus "New York City, USA" dalam Python menggunaka...
daripada 2024-04-01 14:06:14
0
1
308
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan