简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > Tutoriel H5 > le corps du texte

Partager un exemple de code d'intégration de vidéo HTML5 simple

零下一度
Libérer： 2017-04-26 15:41:18
original
7305 Les gens l'ont consulté

Il s'agit d'une méthode simple pour intégrer une vidéo en HTML5, qui vous permet d'intégrer rapidement la vidéo 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.php.cn/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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
HTML5 ，视频
source：php.cn
Article précédent：Comment créer un site web responsive H5 ? Article suivant：Présentation d'une horloge réalisée avec HTML5 Canvas
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
React Three Fiber : Pourquoi mes événements de défilement sont-ils en retard ? Dans ReactThreeFiber, j'ai un composant React qui génère un sprite que je souhaite conserv...
Depuis 2024-04-06 13:39:24
0
1
410
Problèmes de connexion entre le terminal de reconnaissance faciale iVMS-4200 et la base Le terminal de reconnaissance faciale iVMS-4200 affiche une erreur lors de la connexion à ...
Depuis 2024-04-06 12:20:33
0
1
347
Utilisez JS pour contrôler la qualité de lecture Existe-t-il un moyen de contrôler la qualité de lecture d'une vidéo à l'aide de Javascript...
Depuis 2024-04-04 00:21:55
0
1
384
En utilisant PHP, puis-je mettre une instruction foreach dans un transitoire ? Je travaille dans WP en utilisant PHP et j'essaie de réduire le temps de chargement d'une ...
Depuis 2024-04-03 17:12:43
0
2
330
Comment récupérer un texte Google Weather spécifique à l'aide de BeautifulSoup ? Comment trouver le texte du cours « New York City, USA » en Python à l'aide de BeautifulSo...
Depuis 2024-04-01 14:06:14
0
1
308
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！