Question

我正在尝试在html播放器上播放几段视频。

有一个非常相似的问题：play multiple files as one in video html tag，但答案无济于事，因为我无法将片段视频合并到一个大视频中（片段存储在S3中，我想直接在S3上播放它们）网站）

这是我的代码：

<video id="videoPlayer" autoplay width="700" controls></video>

<script>
var videoPlayer = document.getElementById('videoPlayer')

var vArray = [
    "output000.mp4",
    "output001.mp4",
    "output002.mp4",
]

videoPlayer.src = vArray[0]

i = 1
videoPlayer.onended = function(){
    if (i < vArray.length) {
        videoPlayer.src = vArray[i]
       i++
    }
}
</script>

问题是：

进度栏不是全局的
更改细分时会有一点削减（这对我来说不是很重要，但是如果有一种避免的方法，那会很棒）

我没有找到任何解决方案或其他网络播放器来解决此问题。是否可以在HTML播放器上执行此操作？

谢谢

Answer 1

您可以先将mp4转换为HLS。

使用ffmpeg。 Document

在HTML视频中将多个视频作为一个播放

1 个答案: