更多内容请访问：https://harmonyos.51cto.com，与华为官方效果图共建的鸿蒙技术社区原控效果图：修改效果图：看到demo效果后，我们来说明一下如何开发。在开发开发部分之前，我们需要先阅读文档，了解系统提供的能力。从属性、事件、方法中我们可以看出，有了现在提供的能力，视频的控制栏完全可以改写。接下来就是界面的构思和布局：界面布局1.整体布局整体界面分为视频播放、视频列表、评论区三个部分。所以我们先在代码中构建三个div。2.视频区域布局把控制栏覆盖在视频上，我们需要用到stack组件，如下图：视频控制栏分为上下两部分，所以我们需要建两个div来包裹里面的控件，如下图所示：下面是控件条上细节上的控件，包括文字、按钮、滑块等，这里不再赘述。3.视频列表区和评论区视频列表区和评论区的排版比较简单。标题栏划分显示区域，列表列表显示内容。在评论区，多了一个评论功能栏，其结构布局如图所示：整个布局结构大致介绍一下，下面是html页面的全部代码，供参考：
