Rumah hujung hadapan web html tutorial html如何添加视频

html如何添加视频

May 31, 2021 pm 05:43 PM
html

在HTML中,可以使用video标签添加视频,语法格式为“<video src=“视频地址”>文本</video>”。video标签可以定义视频,比如电影片段或其他视频流。目前,video元素支持三种视频格式:MP4、WebM、Ogg。

html如何添加视频

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在HTML中,插入视频要使用 video 标签。<video> 标签可以定义视频,比如电影片段或其他视频流。

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

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

目前,<video> 元素支持三种视频格式:MP4、WebM、Ogg。

提示:可以在 <video> 和 </video> 标签之间放置文本内容,这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。

K)FFMKG1(8)]M@J%)UKB%E2.png

例子:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

&lt;meta charset=&quot;utf-8&quot;&gt;

&lt;/head&gt;

&lt;body&gt;

 

&lt;video width=&quot;320&quot; height=&quot;240&quot; controls&gt;

  &lt;source src=&quot;video.mp4&quot;  type=&quot;video/mp4&quot;&gt;

  您的浏览器不支持 HTML5 video 标签。

&lt;/video&gt;

 

&lt;/body&gt;

&lt;/html&gt;

Salin selepas log masuk

效果:

GIF.gif

推荐学习:html视频教程

Atas ialah kandungan terperinci html如何添加视频. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Jadual Bersarang dalam HTML

Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Sempadan Jadual dalam HTML

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

HTML jidar-kiri

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Susun Atur Jadual HTML

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Memindahkan Teks dalam HTML

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Senarai Tertib HTML

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Butang onclick HTML

Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Feb 07, 2025 am 11:57 AM

Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP?

See all articles