用js自定义视频播放器

        今天简单介绍一下视频播放器的写法和播放器

功能列表：0.视频加载完成前的初始1.控制视频开始暂停；2.实时监控进度更新进度条和时间3.控制声音大小；4.控制倍速；5.控制全屏；6.进度条点击更改视频进度；7.拖动视频进度条 

首先在视频加载前先要完成一些初始化

html总体代码

                    <div class="vido_Box">
                        <video id="vido" src="../photo/十连出金.mp4"></video>
                    </div>
                    <div class="vido_figure"></div><!-- 视频未加载出来的加载中 -->
                    <div class="function_Box">
                        <div class="control_box">
                            <div class="vido_control_left">
                                <div id="play"></div><!-- 开始，暂停 -->
                                <div id="vido_next"></div>
                                <div id="vido_voice"><!-- 控制音量 -->
                                    <div class="voice_content">
                                        <div class="voice_num">100</div>
                                        <div class="voice_strip">
                                            <div class="voice_all">
                                                <div class="voice_now"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="vido_time"><!-- 控制时间 -->
                                    <span class="current_time">00:00:00</span>/
                                    <span class="total_time">00:00:00</span>