媒体组件image和video

鹤川

发布于 2023-03-21 21:42:35

4130

文章被收录于专栏：鹤川博客鹤川博客

媒体组件 image 和 video

一、基本语法

图片标签 <img />，主要用于图片的显示，其中 src 属性是图片的地址
视频标签 <video> </video>，主要用于视频的显示，其中 src 属性是视频的地址

<imgsrc="demo.png"/>

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

二、代码实战

新建 html 文件 09-media.html，编写下方程序，运行看看效果吧

<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <title>Image和video</title>
    </head>
  
    <body>
  
        <imgstyle="width:200px; height:100px;"src="./media/picture.jpg"/>

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023 年 02 月，如有侵权请联系 cloudcommunity@tencent.com 删除

image