想要前端页面中实现在水平方向上播放两段视频，html代码该怎么写

可以使用HTML5的`<video>`标签来实现播放视频。要在水平方向上播放两段视频，可以将两个`<video>`标签放在同一行并使用CSS将其水平排列。

以下是一个示例代码：

<div class="videos">
  <video src="video1.mp4" controls></video>
  <video src="video2.mp4" controls></video>
</div>

然后在CSS中将`.videos`的`display`属性设置为`flex`，并使用`justify-content`属性将两个视频水平排列。

.videos {
  display: flex;
  justify-content: space-between;
}

这将在水平方向上显示两个视频并在它们之间留有空白。您可以使用其他`justify-content`属性值来更改视频之间的间距和对齐方式。