html5实现视频播放功能

 时间:2024-10-11 18:36:58

1、首先,下载html5开发软件Intellij IDEA,这个直接在百度搜索框中搜索即可。

html5实现视频播放功能

2、打开软件,点击file,选择New project,在弹出的对话框中,选择static web选项中的html5,点击next,在新对话框中,输入项目名称,点击finish

html5实现视频播放功能html5实现视频播放功能

3、实现视频的播放,主要用到了video标签,利用src属性,指定砷啼硎实视频存放的位置,可以播放本地的音频也可以选择网络上的视频地址,用controls属性,引用系统默认的控制按钮

html5实现视频播放功能

4、当然,我们也可以自己写按钮,控制视频的播放,暂停,放大,缩小,这里主要用到了button按钮

html5实现视频播放功能

5、写入button的判炝里谧艮断事件,当点击播放时(判断当前视频是否为暂停状态),播放视频,点击暂停时(判断当前视频是否为播放状态),暂停视频,

html5实现视频播放功能

6、当点击放大时,设置视频的宽度和高度(比原本的宽度,高度要大)

html5实现视频播放功能

7、准备工作做完了,可以点击run按钮预览一下了。。

html5实现视频播放功能
  • 关于html内嵌video的一些参数设置
  • bootstrap可视化工具的使用
  • 如何用CSS修改不同input标签的样式
  • javafx的Menu添加事件处理方法
  • 如何为visual studio 2013 C++添加行号
  • 热门搜索
    中国国际旅游交易会 密云旅游 福建旅游攻略 兰州旅游景点 桂林旅游路线 横店影视城旅游攻略 东山岛旅游攻略 浙江旅游攻略 贝加尔湖旅游 公司旅游