运用html5多媒体技术制作视频播放页面

要制作一个基于 HTML5 多媒体技术的视频播放页面，可以按照以下步骤进行：

1. 准备视频文件：首先需要准备好要播放的视频文件，可以是 MP4、WebM、Ogg 等多种格式。视频文件可以自己制作，也可以从网络上下载。

2. 编写 HTML 代码：在 HTML 页面中，可以使用 \<video> 标签来嵌入视频，如下所示：

<video src="video.mp4" controls></video>

其中，src 属性指定视频文件的路径，controls 属性表示显示播放控件。

3. 添加样式：为了美化视频播放页面，可以添加 CSS 样式，如下所示：

video {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px #ccc;
}

这段 CSS 代码设置了视频的宽度为 100%，高度自适应，添加了边框和阴影效果。

4. 添加脚本：如果需要自定义视频播放的行为，可以添加 JavaScript 脚本，如下所示：

var video = document.querySelector('video');
video.addEventListener('play', function() {
  console.log('视频开始播放');
});

这段 JavaScript 代码监听了视频的 play 事件，并在控制台输出一条消息。

以上就是制作基于 HTML5 多媒体技术的视频播放页面的基本步骤。如果需要更加复杂的功能，可以参考 HTML5 视频文档和相关教程。