mirror of
https://gitee.com/energye/energy.git
synced 2024-12-06 13:48:10 +08:00
35 lines
1.3 KiB
Go
35 lines
1.3 KiB
Go
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>audio-video</title>
|
|
<style>
|
|
</style>
|
|
<script type="application/javascript">
|
|
</script>
|
|
</head>
|
|
<body style="overflow: hidden;margin: 0px;padding: 0px;width: 100%;">
|
|
<div style="margin-top: 100px">
|
|
video:<br>
|
|
<video controls preload="none" poster='http://video-js.zencoder.com/oceans-clip.jpg'
|
|
data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }' onmouseenter="">
|
|
<source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'/>
|
|
<source src="https://vjs.zencdn.net/v/oceans.webm" type='video/webm'/>
|
|
<source src="https://cdn.letv-cdn.com/2018/12/05/JOCeEEUuoteFrjCg/playlist.m3u8" type='application/x-mpegURL'/>
|
|
</video>
|
|
<video width="400" controls>
|
|
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
|
|
<source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
|
|
Your browser does not support HTML video.
|
|
</video>
|
|
</div>
|
|
<div style="margin-top: 100px">
|
|
audio:<br>
|
|
<audio controls>
|
|
<source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
|
|
<source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
|
|
Your browser does not support the audio element.
|
|
</audio>
|
|
</div>
|
|
</body>
|
|
</html> |