笔记

万物寻其根，通其堵，便能解其困。
  博客园  :: 新随笔  :: 管理

Video视频

Posted on 2024-07-22 19:25  草妖  阅读(7)  评论(0)    收藏  举报

原生video

<!DOCTYPE html>
<html>
<head>
    <title>测试</title>
</head>
<body>
    <!-- video视频控件：
        autoplay：是否自动播放，值：autoplay。
        controls：是否显示播放控件，值：controls。
        width/height：设置播放器的宽度/高度。
        loop：是否循环播放，值：loop
        preload：是否进行预加载，注：autoplay自动播放就包含预加载。
        src：视频路径。
        poster：加载等待的画面。
        muted：是否静音播放，值：muted
        //
     -->
    <video autoplay="autoplay" controls="controls'" width="500" loop="loop" preload="auto" src="file://D:/测试材料/1.mp4" poster="file://D:/测试材料/d1c389a724f7429387d6dfccc4b7b3bb.jpg" muted="none"></video>
</body>
</html>