只有在缓冲完完整的视频后才能开始播放HTML5视频
Start playing HTML5 Video only after the complete video is buffered
有没有一种方法可以让我只有在整个视频缓冲(100%)后才能开始播放HTML5 MP4视频。当它在缓冲过程中,我应该显示加载屏幕。请帮忙。这段代码应该可以在Firefox和IE11中使用。
超链接标题示例:-播放视频1:Fav Foods-播放视频1:Fav Veg-播放视频2:Fav Animal
这是我点击超链接和视频标签时的代码。我从数据库中动态加载视频。属性"pos"告诉玩家必须寻求游戏的时间(以秒为单位)。
<video id="VideoContainer" controls="controls" style="width:500px;height:320px" preload="auto">
<source id="VideoData" src=@Model.IntroVideoPath type="video/mp4" />
Your browser does not support the video tag.
<a onclick="navVideo('@items.FileName','@items.StartSec');">@items.DisplayText</a>
function navVideo(fileName, pos) {
//Get Player and the source
var player = document.getElementById('VideoContainer');
var mp4Vid = document.getElementById('VideoData');
var mp4CurVid = $(mp4Vid).attr('src');
//Reload the player only if the file name changes
if (mp4CurVid != fileName) {
$(mp4Vid).attr('src', fileName);
player.load();
player.play();
if (pos != 0) {
setTimeout(function () {
player.currentTime = pos;
player.play();
}, 1000);
}
}
else {
player.pause();
player.currentTime = pos;
player.play();
}
问题出在MP4文件的编码技术上。我使用不同的设置(Mp4的随机设置选项)进行编码,最终使其在没有缓冲区的情况下工作。
您可以使用http://videojs.com/让它发挥作用。
相关文章:
- 如何使用videojs开始播放视频时不显示字幕
- Youtube无铬播放器 - 更改大开始播放按钮
- 视频通过javascript被隐藏,但已经开始播放(自动播放模式),即使是's不可见
- 知道何时从UIWebView中开始播放YouTube视频
- HTML5 视频在开始播放另一个视频时暂停使用 Javascript
- JQuery 从第二个零开始播放 html5 视频,但如果用户暂停视频,则保留当前帧
- 如何在单击图像时开始播放视频
- HTML5 视频 - 开始播放后无法加载资源错误
- 是否有JS功能可以使Brightcove智能播放器视频开始播放
- 如何更改暂停的 html5 视频的当前时间并从该位置开始播放
- Brightcove在Div可见时开始播放
- Jplayer不会在移动设备上自动开始播放
- 如何:YouTube API 在开始播放时触发 Javascript 事件
- 是否有可能通过跳过前 100 帧来使 SWIFFY 对象开始播放
- Jassor滑块从滑块0开始播放
- iframe youtube视频开始播放后背景变暗
- 在Android HTML5播放器中开始播放所需的用户手势
- 为什么此视频获胜't不能自动开始播放
- 如何让视频在特定位置开始播放
- 加载页面后,如何让视频在特定位置开始播放