1、在HBuilderX新建的Web项目中,新建一个静态页面video.html
2、打开已新建的页面,然后引入jquery核心文件,修改对应title标签内容
3、由于要使用到视频,拷贝两个视频到项目的data文件夹下
4、在body标签元素内,插入一个video和button元素,使用按钮控制替换video元素的src
5、添加一个script标签,并添加按钮点击事件,直接替换source的src;结果发现替换不成功
6、返回到HBuilderX工具,修改按钮点击事件,利用JavaScript方法获取video元素,并修改src并调用play()
7、再次保存代码并刷新浏览器,然后点击替换按钮,结果发现视频切换了