h5 视频播放功能实现

简单制作一个h5 的视频播放

结构 html 部分

 <div id="cans">
        <video controls="controls" id="video" 　src="" height="500px" width="500px"></video>
        <aside id="playList">
            <!-- <header>
                <h4>播放列表</h4>
            </header> -->
            <ul class="list">
                <li value=" " title="01第一讲">01第一讲</li>
                <li value="" title="02第二讲">02第二讲</li>
                <li value=" " title="03第三讲">03第三讲</li>
                <li value="" title="04第四讲">04第四讲</li>
                <li value="" title="05第五讲">05第五讲</li>
            </ul>
            <button title="收起播放列表" id="playList-hidden">
                < </button>
        &