Video.js流畅播放

时间:2014-10-29 21:18:06

标签: javascript html5 video video-streaming video.js

我已经实现了video.js从Amazon s3加载MP4。

即使在小型(7mb)视频上,我也很难获得流畅的播放效果。它非常跳跃和停止 - 开始。这里的互联网连接很快,如果我直接下载,它会立即下载。

我已经尝试了几件事,最新的是缓冲:

var player = videojs('video');
        player.on("ended", function(){ closeVideo(); });
        player.ready(function(){checkBuffer(player); });
    videoPlaying = true;

}

function checkBuffer(player){
    var howMuchIsDownloaded = player.bufferedPercent();
    if(howMuchIsDownloaded >  0.3){
    player.play();  //start playing the video 
    }else{
    setTimeout(checkBuffer, 100, player);
    }

}

这有效,但在比赛后仍然非常跳跃。

构建视频:

    $('body').append(
             " <video id='video' class='video-js' preload width='100%' height='100%'"
            + "     data-setup='{}'>"
            + "   <source src='http://cdn.example.com/"+ video +"' type='video/x-m4v' />"
            +"  </video>"
    );

如何在video.js示例中获得如何获得流畅视频的线索?

1 个答案:

答案 0 :(得分:0)

谢谢你的帮助。这是一个编码问题。我重新编码了视频,没关系。运行顺利。