媒体组件image和video

阅读量: 140 编辑

媒体组件 image 和 video

一、基本语法

  • 图片标签 <img />,主要用于图片的显示,其中 src 属性是图片的地址

  • 视频标签 <video></video>,主要用于视频的显示,其中 src 属性是视频的地址

<img src="demo.png" />

<video src="demo.mp4" ></video>

代码实战

代码的详细解读,可以参考视频教程

文件:09.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Image和video</title>
    </head>
    
    <body>
    
        <img style="width: 200px; height: 100px;" src="./media/picture.jpg" />

        <video style="width: 400px; height: 200px;" src="./media/game.mp4" controls></video>
        
    </body>
    
</html>