简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

html如何插入视频

藏色散人
Lepaskan： 2023-01-03 09:31:59
asal
90945 orang telah melayarinya

html插入视频的方法：首先创建一个HTML示例文件；然后在body中输入video标签；最后通过“”插入视频即可。

html如何插入视频

本文操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑

在HTML中，插入视频要使用 video 标签。

HTML5支持直接在浏览器中播放音频和视频文件，不需要使用 adobe flash 插件。

插件缺点：插件是令浏览器崩溃的主要原因之一，特别是 flash，存在着很多问题。

目前，

提示：可以在 标签之间放置文本内容，这样不支持

49992f2e19278f11ba10ae3356ff1ba.png

MP4 = MPEG 4 文件使用 H264 视频编解码器和AAC音频编解码器

WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器

Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

音频格式的 MIME 类型

023aaa720fea27c301eacf262a4b42e.png

属性值：

75a64860836f00b6f98bb89228c0240.png

示例：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<video width="320" height="240" controls>
  <source src="movie.mp4"  type="video/mp4">
  <source src="movie.ogg"  type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>
</body>
</html>
Salin selepas log masuk

效果图：

1.gif

推荐学习：《HTML视频教程》《css视频教程》

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
Manfaatkan komponen VueJS dalam PHP Saya mahu mencampurkan HTML asas yang dijana oleh komponen Php dan VueJS tanpa perlu mengg...
daripada 2023-11-11 00:01:44
0
2
288
Bagaimana untuk menggunakan tag primitif terbuka dalam js 13 seterusnya? Dalam kemas kini NextJS13 baru-baru ini, mereka memperkenalkan cara baharu mengendalikan t...
daripada 2023-11-10 23:03:51
0
1
527
Pengirim PHP tidak berfungsi: tiada log ralat, mesej mengatakan dihantar tetapi tidak diterima Saya tidak menerima sebarang log ralat dalam log ralat php pelayan web saya. Saya telah me...
daripada 2023-11-10 15:02:39
0
1
218
v-date-picker untuk memilih bulan dan tahun sahaja Sila beritahu saya jika ada cara lain untuk melakukan ini menggunakan v-date-picker. Saya ...
daripada 2023-11-10 14:05:05
0
1
269
Tajuk yang ditulis semula ialah: SweetAlert2: parameter "onBeforeOpen" tidak diketahui Saya menggunakan Laravel5.8 dengan Sweetalertv2 dan saya cuba mencetuskan makluman ini pad...
daripada 2023-11-10 09:39:01
0
1
257
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
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！