怎样用HTML5在我们的网页中嵌入视频和音频

 时间:2024-11-14 18:47:45

1、首先,我们打开sublime,新建一个html5文档,并把html5文档的基本结构写出来,如下图所示:

怎样用HTML5在我们的网页中嵌入视频和音频

2、然后我们在<body></boddy>标签之间把video标签写进去,如:<v足毂忍珩ideo src="这里写视频地址" width="800" height="600"></video>

怎样用HTML5在我们的网页中嵌入视频和音频

3、我们打开网页可以发现,此时的视频并没有播放,只是一个静止的画面,怎样点击都没有反应,这是因为我们没有添加播放控件的原因。

怎样用HTML5在我们的网页中嵌入视频和音频

4、我们在video标签里面添加播放控件,也就是controls ,这时我们发现,视频的正下方多了个进度条,我们可以点击播放试试。此时可以正常播放了。

怎样用HTML5在我们的网页中嵌入视频和音频怎样用HTML5在我们的网页中嵌入视频和音频

5、如果我们想让视频在点击进网页时自动播放,可以添加一个autoplay,autoplay代表自动播放的意思。

怎样用HTML5在我们的网页中嵌入视频和音频

6、各大浏览器对video中的视频格式支持不一致,比如:有些浏览器不支持mp4格式,只支持webm格式,有些则相反。为了防止意外发生,我们需要做兼容,让我们的视频在任何浏览器上都可以正常播放。

怎样用HTML5在我们的网页中嵌入视频和音频
  • html轮播图怎么制作
  • 静态网页跟动态网页有什么区别
  • HTML网页怎么设置圆角边框
  • HTML怎么实现网页跳转
  • HTML怎样使图片居中
  • 热门搜索
    梅西简介 小孩吐奶怎么回事 野性的呼唤简介 大熊猫资料简介 胸部疼痛怎么回事 怎么成为心悦会员 律师事务所简介 笔画大全 蛋糕简笔画图片大全 数学手抄报资料大全