视频要等加载完才能播放,而不是边加载边播放

转自:http://www.ckplayer.com/tool/help/64.htm


如果你的视频只是元数据信息不在第一帧,下面介绍另一种mp4把元数据信息转到视频第一帧

首先需要下载一个qt-faststart
下载地址:http://www.ckplayer.com/down/qt-faststart.rar
下载下来解压得到qt-faststart.exe放到d:ffmpeg/bin/下面
运行命令:qt-faststart.exe d:/1.mp4 d:/2.mp4
最后出来的这个2.mp4就是成功的了。可以边下载边播放
关于详细的参数设置,请自行网上搜索了解或者看使用说明


### 回答1: 您可以使用 JavaScript 来实现这一功能。具体步骤如下: 1. 获取视频元素的列表,可以使用 `querySelectorAll` 方法。 2. 为每个视频元素添加一个事件监听器,监听视频播放结束事件 `ended`。 3. 在事件处理程序中,找到当前播放视频元素在列表中的下标,然后播放下一个视频。 以下是示例代码: ```html <video id="video-1" src="video-1.mp4"></video> <video id="video-2" src="video-2.mp4"></video> <video id="video-3" src="video-3.mp4"></video> <script> const videos = document.querySelectorAll('video'); let currentVideoIndex = 0; videos[currentVideoIndex].addEventListener('ended', () => { currentVideoIndex++; if (currentVideoIndex >= videos.length) { currentVideoIndex = 0; } videos[currentVideoIndex].play(); }); // 播放第一个视频 videos[currentVideoIndex].play(); </script> ``` 在上面的代码中,我们首先获取了所有的视频元素,并设置了当前播放视频下标为 0。然后为每个视频元素添加了 `ended` 事件监听器,在事件处理程序中播放下一个视频。最后,我们手动播放了第一个视频。 请注意,在某些浏览器中,自动播放可能会被阻止,因此您可能需要在用户与页面进行交互后才能开始播放视频。 ### 回答2: 要实现HTML播放一个视频自动播放下一个视频,可以使用JavaScript来实现。首先,我们需要为视频标签添加一个事件监听器,当当前视频播放结束时触发。 可以使用以下代码片段实现: ```html <video id="videoPlayer" controls> <source src="video1.mp4" type="video/mp4"> <source src="video1.webm" type="video/webm"> <!-- 添加更多视频源 --> </video> <script> var videoPlayer = document.getElementById('videoPlayer'); videoPlayer.addEventListener('ended', playNextVideo); function playNextVideo() { var nextVideo = getNextVideo(); // 获取下一个视频源的URL videoPlayer.src = nextVideo; // 设置下一个视频源 videoPlayer.load(); // 重新加载视频 videoPlayer.play(); // 播放下一个视频 } function getNextVideo() { // 返回下一个视频的URL // 可以根据需求在这里编写逻辑来确定下一个视频的URL // 例如使用一个数组来存储多个视频源,然后依次播放 // 或者从服务器端获取下一个视频的URL } </script> ``` 在上述代码中,我们首先获取视频播放器的元素节点,并为其添加一个'ended'事件监听器。当当前视频播放结束时,会调用`playNextVideo`函数。 在`playNextVideo`函数中,我们通过`getNextVideo`函数获取下一个视频的URL,并使用`videoPlayer.src`来设置新的视频源,然后调用`load`方法重新加载视频,并使用`play`方法开始播放下一个视频。 需要注意的是,`getNextVideo`函数需要根据实际需求编写逻辑来确定下一个视频的URL。可以使用一个数组来存储多个视频源,然后依次播放;或者从服务器端获取下一个视频的URL等。 ### 回答3: 要实现HTML播放一个视频后自动播放下一个视频,可以通过以下步骤来实现: 1. 首先,需要给每个视频元素添加一个事件监听器,以便在当前视频播放结束后触发相应的事件。 2. 在事件监听器中,可以使用JavaScript来检测当前视频是否已经播放结束。可以通过HTML5的video元素提供的ended属性来判断当前视频是否已经播放毕。 3. 如果当前视频已经播放毕,那么就可以通过操作DOM来切换到下一个视频。可以通过获取下一个视频元素的引用,然后设置其autoplay属性为true来实现自动播放。 示例代码如下: HTML部分: ```html <div> <video id="video1" src="video1.mp4" autoplay></video> <video id="video2" src="video2.mp4"></video> </div> ``` JavaScript部分: ```javascript // 获取视频元素的引用 const video1 = document.getElementById('video1'); const video2 = document.getElementById('video2'); // 给视频元素添加事件监听器 video1.addEventListener('ended', playNextVideo); // 当前视频播放毕时触发的函数 function playNextVideo() { // 检测当前视频是否已经播放毕 if (video1.ended) { // 切换到下一个视频并自动播放 video2.autoplay = true; video2.load(); } } ``` 通过以上步骤,可以实现当第一个视频播放毕后自动播放下一个视频
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值