HTML MP4视频放在video标签中视频总卡顿视频也较小跪求大神指点

前几次打开会卡但会慢慢的变流畅知道完全流畅视频大小也才不操过10M

可以提前预加载视频！

注意：video中source 源文件地址src替换成你的video路径
<html>
    <button onclick="playPause();">播放/暂停</button>
    <button onclick="bigSize();">大</button>
    <button onclick="normalSize();">中</button>
    <button onclick="smallSize();">小</button>
    <video id="myVideo" width="400px";height="400px" autoplay="autoplay" controls="controls" loop="loop">
        <source src="video/movie.mp4" type="video/mp4">
    </video>
    <script>
        var myVideo=document.getElementById("myVideo");
        function playPause(){
            if(myVideo.paused){
                myVideo.play();
            }else{
                myVideo.pause();
            }
        }
        function bigSize(){
            myVideo.width=560;
        }
        function normalSize(){
            myVideo.width=420;
        }
        function smallSize(){
            myVideo.width=360;
        }
    </script>
</html>

HTML MP4视频放在video标签中 视频总卡顿 视频也较小 跪求大神指点

HTML MP4视频放在video标签中视频总卡顿视频也较小跪求大神指点