简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > H5-Tutorial > Hauptteil

Teilen Sie einen einfachen Beispielcode für die Einbettung eines HTML5-Videos

零下一度
Freigeben： 2017-04-26 15:41:18
Original
7250 Leute haben es durchsucht

Dies ist eine einfache Methode zum Einbetten von Videos in HTML5, mit der Sie das Video schnell einbetten können 

<!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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonTeilen Sie einen einfachen Beispielcode für die Einbettung eines HTML5-Videos. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
HTML5 ，视频
Quelle：php.cn
Vorheriger Artikel：Wie erstelle ich eine responsive H5-Website? Nächster Artikel：Wir stellen eine mit HTML5 Canvas erstellte Uhr vor
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie bette ich Hintergrundvideos in HTML/CSS ein? Hallo zusammen, ich bin kürzlich auf ein Problem gestoßen. Ich versuche, einen Videohinter...
Aus 2023-11-06 13:59:13
0
1
240
FastAPI und OpenCV: Unterstützung modernster Video-Streaming-Anwendungen Ich versuche, eine HTML-Seite zu rendern, die einen Videostream von einer Webcam anzeigt. ...
Aus 2023-10-26 19:57:54
0
1
327
Welche Einschränkungen sollte ich an getUserMedia() übergeben, um zwei Video-mediaStreamTracks zu erhalten? Ich kann mediaDevices vom Typ „videoinput“ über navigator.mediaDevices.enumerateDevices()P...
Aus 2023-10-23 17:03:58
0
1
253
Warum können Flex-Elemente nicht unter die Inhaltsgröße schrumpfen? Ich habe 4 Flexbox-Spalten und alles funktioniert einwandfrei, aber wenn ich den Spalten T...
Aus 2023-10-15 22:06:39
0
2
286
Zeichnen Sie mehrere Registerkarten mit WebRTC und Javascript auf Ich bin derzeit in der Lage, einen Tab aufzuzeichnen und aus seinem Stream einen Medienrek...
Aus 2023-09-19 23:07:01
0
1
308
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！