如何替换video中的src

 时间:2024-10-03 17:12:33

在HTML5中,新增一个功能---视频video,可以插入视频路径并进行播放。那么水貔藻疽,如何替换video中的src并且让视频可以播放呢?

如何替换video中的src

工具/原料

HTML5

jquery

JavaScript

截图工具

WPS

HBuilderX

浏览器

方法/步骤

1、在HBuilderX新建的Web项目中,新建一个静态页面video.html

如何替换video中的src

2、打开已新建的页面,然后引入jquery核心文件,修改对应title标签内容

如何替换video中的src

3、由于要使用到视频,拷贝两个视频到项目的data文件夹下

如何替换video中的src

4、在body标签元素内,插入一个video和button元素,使用按钮控制替换video元素的src

如何替换video中的src

5、添加一个script标签,并添加按钮点击事件,直接替换source的src;结果发现替换不成功

如何替换video中的src

6、返回到HB掼鸿乡羰uilderX工具,修改按钮点击事件,利用JavaScript方法获取video元素,并修改src并调用play()

如何替换video中的src

7、再次保存代码并刷新浏览器,然后点击替换按钮,结果发现视频切换了

如何替换video中的src

【新手可看老手勿喷】VMware虚拟机硬盘文件提取 win10迅速查看硬盘容量方法 帝国神话统御怎么刷 普元EOS项目部署步骤 wifi远程小车制作教程
热门搜索
动漫丝袜 欺凌人的温泉1至4集动漫 天天动漫 空间构成作业图片 湘菜图片