1、打开Hbuilder,在项目管理器中放置mp4格式视频点击index.html进入。
2、在这里通过红色方框中的命令来建立一个HTML5的文件。
3、这个时候添加video元素就可以插入视频了,用autoplay设置自动播放,controls设置控制栏。
4、用source可以连接对应的视频资源;
5、完成以后左边的是播放按钮、视频进度控制条等工具。
6、而右边可以调节声音大小和全屏播放,有服务器的话还可以下载。
可以用HTML5的audio标签实现音乐播放。HTML5里面新增的有个audio标签,可以不需要Flash插件就可以在网页上播放媒体文件,目前只支持MP3,ogg,wav三种格式的音频文件。
IE9支持MP3
Firefox、Opera 支持ogg,wav
Chrome 支持 ogg,MP3
Safari 支持MP3,wav
在HTML5中插入视频,如果用video,默认是没有播放暂停按钮的,可以在video标签中使用control属性。control 属性供添加播放、暂停和音量控件。
示例如下:
<video src="movie.ogg" controls="controls"></video>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)