模拟器不全屏_鸿蒙App开发：如何播放一个全屏视频（JS版）

简单的互动我们实现后，接下来来到整体了，先把视频播放实现了。跟 Java 的实现方法相比，JS 版本的简直简单到逆天。

转到 index.hml，你会看到首页的结构，其实分为 2 个部分：

• 容器元素(div)

• 文本元素(text)

一个页面只有一个根元素，可以包含若干子元素，子元素还可以有一个或若干子元素，形成一个树根型的结构。

class 字段是两个元素的样式修饰，比如改变尺寸、颜色、边框、内部子元素排列方式等等。

首先，我们来看下抖音首屏的 UI 结构：

不考虑上下刷多个视频列表，我们只考虑一个页面只有一个视频播放器的场景，那么这个根容器，应该具备以下特性：

其中的元素，层叠排列的，仅不是水平也不是竖直排列。播放按钮在视频播放器之上， 视频标题