养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-10 22:26:24

平时制作网站时,经常会遇到要在网页中添加视频的问题,那么要在网页中加入视频,代码应该怎么写呢?

工具/原料

Dreamweaver软件

视频播放器,录制的视频

方法/步骤

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

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

2、将这一段代码<divclass="m"> &盟敢势袂lt;videoposter="即枢潋雳vs.png"controls> <sourcesrc="images/adxt.mp4"> <!--<sourcesrc="path/to/video.webm"type="video/webm">--> <!--Captionsareoptional--> </video> <script>plyr.setup();</script></div>加入到<body></body>中间

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

3、将这段css代码加到<head></head>中<挢旗扦渌;scriptsrc="js/禊诬娱飑plyr.js"></script><linkrel="stylesheet"href="css/plyr.css">

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

© 一点知识