写一个在线播放视频的网页
时间: 2023-08-25 19:31:01 浏览: 42
好的,以下是一个简单的在线视频播放网页的 HTML 和 JavaScript 代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>视频播放器</title>
<style type="text/css">
#video-player {
width: 640px;
height: 360px;
background-color: #000;
}
</style>
</head>
<body>
<div id="video-player">
<video id="video" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
</video>
</div>
<script type="text/javascript">
var video = document.getElementById("video");
video.play();
</script>
</body>
</html>
```
在这个示例中,我们使用 HTML5 `<video>` 标签来播放视频,并提供了三种不同格式的视频文件进行兼容性处理。在 JavaScript 中,我们获取到视频元素并调用 `play()` 方法来自动播放视频。你可以将 `src` 属性指定为你自己的视频文件路径。当然,这只是一个简单的示例,你可以添加更多的功能,比如进度条、全屏模式等等。