HTML5是下一代HTML,它添加了新元素更容易识别,也更明确其中的内容。接下来介绍HTML5中用于处理视频的标签。
工具/原料
1
电脑
2
记事本
方法/步骤
1
2
运行上述脚本的效果如图所示:
3
另外,还可以实现视频播放/暂停以及调整尺寸等功能。先在页面上放置四个按钮,分别是播放/暂停,大,中,小
4
用js脚本实现分别实现四个按钮的功能。示例代码如下:
5
运行脚本,验证脚本效果。页面上有四个按钮,视频处于静止状态。
6
点“播放”按钮,则视频开始动起来,可点“暂停”则视频处于暂停状态。点“大”按钮,则画面放大。
7
点“小”按钮,则画面缩小,点“中”,画面恢复正常。
上一篇:入门级前端应该掌握的技能有哪些?