仅在完整视频缓冲后才开始播放HTML5视频

时间:2015-10-28 21:21:17

标签: javascript html5 video model-view-controller

有没有办法可以在整个视频缓冲后(100%)开始播放我的HTML5 MP4视频。当它处于缓冲过程中时,我应该显示加载屏幕。请帮忙。此代码应适用于Firefox和IE11。

超链接标题示例: - 播放视频1:收藏食物 - 播放视频1:收藏视频 - 播放视频2:收藏动物

这是我点击超链接和视频标签时的代码。我从数据库动态加载视频。属性' pos'告诉玩家必须在几秒钟内寻求比赛的时间。

"dev": "npm run start-watch & npm run wp-server"

<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.

2 个答案:

答案 0 :(得分:1)

问题在于该MP4文件的编码技术。我用不同的设置编码(Mp4的随机设置选项),最后让它在没有缓冲区的情况下工作。

答案 1 :(得分:0)

您可以使用此http://videojs.com/来实现这一点。