如何将视频嵌入自定义播放器和自动转码？
如何将视频嵌入自定义播放器和自动转码？
提问于 2019-06-11 09:01:29
我需要将视频嵌入到我的web应用程序中，并有以下要求：
- 这些视频需要自动转换成不同的分辨率。
- 回放速度需要可选
- 需要在移动设备上工作
- 我需要修改一下播放器
- 视频的上传和管理需要由非软件开发者=>用户界面上传。
从平台嵌入视频的问题是，通常需要使用iframe来实现这一点。但是，如果iframe来自另一个域，我不能访问它的内容，因此不能修改播放器，因为我不能访问驻留在iframe中的视频元素。
我需要做的修改如下：
- 将标记放置在时间线中的特定线索上
- 在线索点暂停视频
- 到达cuepoint时，在视频下面显示一些附加信息
到目前为止，我找到的唯一可能的解决方案是自己在web应用程序域的子域上托管一个平台，并调整该平台的代码，将document.domain属性设置为我的web应用程序的域。这样，我就可以访问平台提供的iframe中的视频标记。我不喜欢这个解决方案的地方是，我不喜欢自己主持这个平台，如果我不需要修改平台的话，也会很好。
回答 1
Stack Overflow用户
发布于 2019-06-11 09:36:49
您可以使用HTML5提供的视频标记。
<video>
<src = "your src here">
</video>首先根据所有分辨率创建视频并将其存储，然后使用javascript web API将src更改为不同类型的分辨率。
var videoplayer = document.getElementsByTagName("video")[0];
videoplayer.src = "new src here according to the resolution"播放速度也可以使用相同的方式进行更改。
videoplayer.playbackRate = "value according to the user"这里是查看修改视频播放器的示例。
您可以使用javascript检测用户的速度并相应地呈现视频源。
如果你不想下载任何东西来检查网络速度，那么就看看如何使用服务工作者来实现视频的自适应起动体验。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56540069
复制相关文章
相似问题
腾讯云开发者
