如何在网页设计中添加视频?

 时间:2026-02-15 13:01:14

1、打开Dreamweaver软件,新建html页面

如何在网页设计中添加视频?

2、将这一段代码

<div class="m">

<video poster="vs.png" controls>

  <source src="images/adxt.mp4">

  <!-- <source src="path/to/video.webm" type="video/webm">-->

  <!-- Captions are optional -->

</video>

<script>plyr.setup();</script>

</div>

加入到<body></body>中间

如何在网页设计中添加视频?

3、将这段css代码加到<head></head>中

<script src="js/plyr.js"></script>

<link rel="stylesheet" href="css/plyr.css">

如何在网页设计中添加视频?

  • HTML怎么实现网页跳转
  • html如何把两个网页连接起来
  • CSS border-bottom 属性的使用
  • 在网页中怎么实现每几秒换图
  • html轮播图怎么制作
  • 热门搜索
    凤凰古城旅游团 同里古镇旅游攻略 旅游管理专业怎么样 山东旅游职业学院官网 全国假日旅游部际协调会议办公室 湖北有哪些旅游景点 十一旅游推荐 婺源旅游地图 湖北旅游局 武汉旅游攻略三日游