视频 以及 音频

在之前的学习中,我们先后学习了标签、页面链接 、 列表 以及 表格 的相关知识

那么,现在,本人来展示下有关 视频 以及 音频 的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体元素学习</title>
</head>
<body>

<!--音频和视频
src:资源路径
controls:控制条
autoplay:自动播放
-->

<video src="../resources/image/video/snake.mp4" controls autoplay></video>

<audio src="../resources/image/audio/test.m4a" controls autoplay></audio>

<!--autoplay功能不管用!-->
</body>
</html>

在这里插入图片描述左边是本人在这里借用了之前的博文《贪吃蛇》中的视频 ,右边则是 自己录制的音频,大家一定要注意路径问题!很多同学会在这里犯错,所以一定要注意!

学了这个知识点,相信同学们和我刚接触时一样,十分兴奋,我们终于可以将视频以及音频“上传”到自己编写的页面中了。
那么,让我们抱着这股好奇的劲,继续将剩下的内容认真地学习完吧!
若对本篇博文有任何疑问或者意见以及建议,请在下方评论区提出,本人将尽早予以讲解以及答复。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值