如何在 Ionic 上嵌入视频

Question

大家好，我正在使用 Ionic/Angular 开发一个应用程序，但遇到了问题。 我有一个视频动画需要嵌入到视图中。我们的想法是创造一种类似于将 Airpods 连接到 iPhone 时的体验，应用程序上的模式将显示并且视频应该呈现。

问题是，当我使用 html video 标签时，视频总是全屏显示。 我怎样才能让它发挥作用？ 这就是我想要让它发挥作用的方式。但显然是在我的应用程序内部工作。视频只是为了看看。 https://youtube.com/shorts/r4_PK2zxOnk?si=7VNv8WIpdsi3Xo2E

顺便说一句，如果有类似的方法，我还可以导出动画的每一帧。该视频也将成为捆绑包的一部分。

谢谢大家

Answer 1

我通常使用

<iframe>

来嵌入视频。我认为youtube有它自己的共享视频嵌入html的方式，它可能不仅仅是放置视频地址，它有一个改变的地址，你应该在实施之前检查一下。

无论如何，您也应该能够使用 CSS 修改普通视频标签。如果您遇到问题，我建议使用

video-js

或其他 html 视频播放器。