在HTML中如何设置音频和视频?

目录

  • 前言:
  • 一、设置音频
  • 二、设置视频
  • 总结:

在HTML中如何设置音频和视频?_第1张图片
在HTML中如何设置音频和视频?_第2张图片

前言:

在HTML中,标签用于嵌入音频文件,使其可以在网页中播放。
标签是在网页中嵌入音频文件的一种简单而方便的方式,可以帮助网页设计师更加灵活的设计网页。

一、设置音频

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>

<audio controls autoplay loop muted>
    <source src="西瓜JUN%20-%20起风了.mp3">
audio>
body>
html>

在HTML中如何设置音频和视频?_第3张图片

二、设置视频

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>

<video width="500" height="300" controls autoplay loop muted poster="../img/111.png">
    <source src="4.26登录完成页面.mp4" >
video>
body>
html>

在HTML中如何设置音频和视频?_第4张图片

总结:

总之,在使用和标签时,需要进行充分的测试和优化,以提供良好的用户体验和兼容性。

你可能感兴趣的:(html,经验分享)