H5标签video

最新推荐文章于 2025-03-18 13:29:03 发布

△卡卡西

最新推荐文章于 2025-03-18 13:29:03 发布

阅读量132

点赞数 1

文章标签： html5

本文链接：https://blog.youkuaiyun.com/xujx1997/article/details/120645233

版权

这篇博客展示了如何使用HTML5的`<video>`标签来创建和控制视频播放。两个视频示例分别展示了海门电视塔的夜景和一句浪漫标语‘目及皆是你’，都配置了自动播放、循环播放和控制条，同时设置了宽度为300像素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

video

    <video src="./video/video.mp4" controls autoplay muted loop></video>
    controls:是否显示控制条
    loop:是否循环播放（播放结束后从头开始播放）
    muted:是否静音播放
    autoplay:是否自动播放

<div>
        <h2>海门电视塔夜景</h2>
        <video src="video1.mp4" controls autoplay loop width="300"></video>
    </div>
    <div>
        <h2>目及皆是你</h2>
        <video src="video2.mp4" controls autoplay loop width="300"></video>   
    </div>

展示结果如下：