在之前的学习中,我们先后学习了标签、页面链接 、 列表 以及 表格 的相关知识
那么,现在,本人来展示下有关 视频 以及 音频 的代码:
<!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>
左边是本人在这里借用了之前的博文《贪吃蛇》中的视频 ,右边则是 自己录制的音频,大家一定要注意路径问题!很多同学会在这里犯错,所以一定要注意!
学了这个知识点,相信同学们和我刚接触时一样,十分兴奋,我们终于可以将视频以及音频“上传”到自己编写的页面中了。
那么,让我们抱着这股好奇的劲,继续将剩下的内容认真地学习完吧!
若对本篇博文有任何疑问或者意见以及建议,请在下方评论区提出,本人将尽早予以讲解以及答复。