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

 时间:2024-10-10 20:22:13

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

工具/原料

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">

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

HTML怎么实现网页跳转 html如何把两个网页连接起来 CSS border-bottom 属性的使用 在网页中怎么实现每几秒换图 html轮播图怎么制作
热门搜索
比尔盖茨图片 王璐瑶图片 工程图片 h动漫大全 林宥嘉图片