Comment mettre une vidéo en HTML-tutoriel HTML-php.cn

Comment mettre une vidéo en HTML

青灯夜游

Libérer： 2021-03-30 10:58:27

original

8140 Les gens l'ont consulté

En HTML, vous pouvez utiliser la balise "

Comment mettre une vidéo en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

html insérer une vidéo

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<video src="movie.mp4" controls>
您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>

Copier après la connexion

Rendu :

Comment mettre une vidéo en HTML

HTML5

Vous pouvez placer du contenu textuel entre les balises , afin que les navigateurs qui ne prennent pas en charge l'élément

Attribut

Valeur

Description

lecture automatique

Si cet attribut apparaît, la vidéo sera lue immédiatement après qu'il soit prêt.

contrôles

Si cet attribut apparaît, affiche les contrôles, tels qu'un bouton de lecture, à l'utilisateur.

hauteur

pixels

Définissez la hauteur du lecteur vidéo.

loop

Si cet attribut apparaît, la lecture recommencera une fois la lecture du fichier multimédia terminée.

muet

Si cet attribut apparaît, la sortie audio de la vidéo est coupée.

affiche

URL

Spécifie l'image qui s'affiche pendant le téléchargement de la vidéo, jusqu'à ce que l'utilisateur clique sur le bouton de lecture.

préchargement

auto

属性	值	描述
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度。
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted	muted	如果出现该属性，视频的音频输出为静音。
poster	URL	规定视频正在下载时显示的图像，直到用户点击播放按钮。
preload	auto metadata none	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src	URL	要播放的视频的 URL。
width	pixels	设置视频播放器的宽度。

métadonnées

none

Si cet attribut apparaît, la vidéo sera chargée au chargement de la page et sera prête à être lue. Si "lecture automatique" est utilisé, cet attribut est ignoré.

src

URL

L'URL de la vidéo à lire.

largeur

pixels

Définissez la largeur du lecteur vidéo.

Actuellement, l'élément