IT评测·应用市场-qidao123.com

标题: HTML——30.视频引入 [打印本页]
作者: 反转基因福娃    时间: 2025-1-1 01:15
标题: HTML——30.视频引入
  1. <head>
  2.                 <meta charset="UTF-8">
  3.                 <title>视频引入</title>
  4.         </head>
  5.         <body>
  6.                 <!--video:在网页中引入音频
  7.                         IE8以及之前版本不支持
  8.                        
  9.                         属性名和属性值一样，可以只写属性名
  10.                        
  11.                         src属性:指定视频文件路径，必须要有
  12.                         controls属性：显示播放控件,
  13.                         autoplay属性：视频在就绪后马上播放
  14.                         loop属性：视频播放结束后重新开始
  15.                         muted属性：视频输出应该被静音
  16.                         preload属性：页面加载时就开始加载视频，并预备播放.如果使用了“autoplay”属性，preload属性不会生效
  17.                        
  18.                         width属性和height属性：
  19.                         1.width属性：设置视频窗口宽度，height属性：设置视频窗口高度
  20.                         2.不设置，视频窗口会按原始尺寸显示
  21.                         3.如果只设置1个属性，另一个会根据已设置的属性等比例缩放
  22.                         4.如果2个属性width属性和height属性都设置，可能会变形
  23.                         5.默认单位为像素，也可以使用百分比
  24.                        
  25.                        
  26.                         poster属性：用于在视频加载时或用户在点击播放前显示的图片,属性值是图片路径
  27.                         -->
  28.                
  29.                 <!--<audio src="m/wdzg.mp3" controls autoplay loop muted preload></audio>-->
  30.                
  31.                 <video src="v/wdzg.mp4" poster="img/logo.png" width="600" height="400" controls loop muted preload>
  32.                         您的浏览器不支持video
  33.                 </video>
  34.                
  35.         </body>
  36. </html>
复制代码
视频引入和音频引入除了标签不一样，他们的属性都是一样的
在这里插入图片描述

画圈的视频在没播放前展示的图片
poster属性：用于在视频加载时或用户在点击播放前表现的图片,属性值是图片路径，poster属性经常用于视频播放前的广告


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/) Powered by Discuz! X3.4