本文关键词：dw做网站怎么加视频

做网站的兄弟，是不是经常遇到这种尴尬情况：客户非要让首页放个大视频展示产品，你打开Dreamweaver，对着空荡荡的代码发呆，搜出来的全是些十年前的旧代码，试了又试，视频要么播不了，要么把页面撑得变形，手机上看更是卡成PPT。那种挫败感，我太懂了。以前我也这么折腾，直到后来踩了无数坑，才总结出这套最稳妥的办法。今天不整那些虚的，直接说怎么在dw做网站怎么加视频，才能既稳定又好看。

首先，得纠正一个误区。很多人觉得加视频就是拖个控件进去，或者复制一段Flash代码。醒醒吧，Flash早进博物馆了，现在主流浏览器都不支持。你得用HTML5的video标签。但这有个前提，你的视频格式得对。别拿那种几GB的原始素材直接往上扔，那是找虐。你得先转码，推荐用格式工厂或者在线工具，转成MP4格式，编码选H.264，这样兼容性最好，无论是电脑还是手机，都能顺畅播放。

具体操作步骤其实挺简单的。打开你的DW，切换到代码视图或者拆分视图。找到你想放视频的那个位置，比如是在一个div容器里。然后输入这段代码：

`html

您的浏览器不支持视频标签。

`

这里头有几个细节你得注意。第一，width和height最好写死，不然不同屏幕下视频大小乱跳，体验极差。第二，poster属性很重要，它是视频加载前的封面图。很多用户懒得等视频加载，有个好看的封面能留住他们。第三，controls是显示播放控件，如果不想要那些按钮，可以把这个属性去掉，但那样用户就没法暂停了，看情况定。

有时候，客户嫌自己转码麻烦，或者视频太大，这时候你可以考虑用第三方平台。比如B站、优酷或者腾讯视频，生成嵌入代码。在dw做网站怎么加视频这个问题上，用iframe嵌入其实更省事，不用管格式兼容问题，平台帮你搞定了。你只需要把iframe代码粘贴到DW的代码视图里就行。不过要注意，有些平台会带广告，或者限制播放次数，得跟客户说清楚。

还有个常见坑，就是视频加载慢，导致页面白屏。解决办法是在video标签里加个preload属性，设为"none"或者"metadata"，这样页面加载时不会死命去下载视频，等用户点击播放再加载，速度嗖嗖的。

我有个客户，之前用别人的模板，视频加载要好几秒，客户投诉说网站像死了一样。我帮他改了代码，加了懒加载，还压缩了视频体积，现在打开速度飞快，客户满意得不行。所以，技术细节决定成败，别嫌麻烦。

最后，如果你实在搞不定代码，或者怕改坏了网站结构，建议还是找专业人士。毕竟网站是门面，出点差错影响的是你的信誉。别为了省那点钱，最后花更多时间去补救。

如果你还在为dw做网站怎么加视频头疼，或者想优化一下现有的视频展示效果，欢迎随时找我聊聊。咱们不整虚的，直接解决问题，让你的网站既专业又高效。