masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > teks badan

如何在页面中实现html视频插入显示？（示例）

藏色散人
Lepaskan： 2018-08-11 10:51:06
asal
10504 orang telah melayarinya

本篇文章给大家介绍如何在html中加视频，那么我在上篇文章中给大家介绍了关于怎么在html中显示能播放也能暂停的音频样式 

的文章，有看过上篇文章的朋友应该对加入视频的方法就不会太陌生了。他们的方法都是大同小异。这里同样先给大家介绍html5中一个重要的标签，video 标签，即定义视频，比如电影片段或者其他视频流。而且并不是所有浏览器都支持这个标签。

a6fa3b8aff0a93468755a1c6a70fc1a.png

html加入视频点击播放的具体代码示例如下：

<video src="movie.ogg" controls="controls"></video>
Salin selepas log masuk

注：controls 属性供添加播放、暂停和音量控件。

html添加视频的具体代码也可如下：

<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
    <source src="mov.ogg" type="video/ogg">
    <source src="/mov.mp4" type="video/mp4">
</video>
</body>
</html>
Salin selepas log masuk

4eed1676de4b78a73b39c0c797b5165.png

注：

这里的width和height，分别表示视频播放器的宽度和高度。

video 元素支持三种视频格式：Ogg 文件、MPEG4 文件、WebM 文件。

标签为媒介元素（比如

本篇文章关于如何在html中加视频的相关知识介绍，希望对有需要的朋友有所帮助！


   


Atas ialah kandungan terperinci 如何在页面中实现html视频插入显示？（示例）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html加入视频
sumber：php.cn
Artikel sebelumnya：怎么在html中显示能播放也能暂停的音频样式？（代码示例） Artikel seterusnya：html怎么操作来实现留言板样式？（代码示例）
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
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
Saya tidak boleh mendapatkan imej untuk berfungsi tanpa keseluruhan akar fail harap ini membantu. Saya telah menulis banyak halaman untuk tapak web sebelum ini (disimul...
daripada 2024-04-03 23:27:05
0
1
396
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
JQuery - Pengiraan/penukaran segera dalam jadual dinamik Saya mempunyai jadual HTML dinamik (baris boleh ditambah) dan saya "hanya" mahu ...
daripada 2024-04-03 12:38:26
0
1
393
Output yang tidak dijangka daripada fungsi dalam komponen React Saya mengimport dua imej (IMG dan IMG2). IMG menganggap bahawa ia dipaparkan apabila lebar...
daripada 2024-04-03 00:17:44
0
1
285
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