干了七年建站，见过太多新手在DW里折腾视频代码，最后页面卡成PPT，或者在手机上根本播不出来。今天不整那些虚的，直接说干货。很多人问dw网页制作怎么插mp4视频，其实核心就两步：选对标签，设好参数。
先说个真事。上周有个做本地生活的朋友找我，说他的网站视频在电脑上看好好的，一到手机就黑屏。我一看代码，好家伙，用的还是老掉牙的
那具体怎么写呢？别怕，代码很简单。
您的浏览器不支持视频标签。
看到没？width和height一定要写，不然浏览器不知道给视频留多大地方，页面会乱跳。controls是播放控件，没它用户没法暂停，体验极差。source里的src填你的视频路径，type写video/mp4，这是告诉浏览器这是个MP4文件。
这里有个大坑。很多新手直接把本地视频路径写进去，比如C:\Users\Video\test.mp4。这在本地测试能播，但上传到服务器就废了。必须用相对路径或绝对URL。比如src="videos/intro.mp4"。记住，视频文件要放在你网站根目录下的一个文件夹里，别散落在各处，以后维护会疯掉。
再说说视频大小。这是最容易被忽视的。我有个客户，为了追求高清，上传了500MB的4K视频。结果呢？加载速度慢了十几秒，用户还没看完就关页面了。根据我的经验，网页视频最好控制在10MB以内，如果必须大，那就分段加载或者用CDN。别为了画质牺牲速度，转化率会掉一半以上。
还有，MP4格式不是万能的。虽然它兼容性好，但在某些老旧浏览器上可能有问题。为了保险，可以加个WebM格式作为备选。
这样，支持WebM的浏览器用WebM，不支持的用MP4，双重保险。
关于dw网页制作怎么插mp4视频，还有一个细节。很多教程说要把视频放在body里，其实最好放在一个div容器里，方便控制样式。比如：
然后在CSS里设置max-width: 100%; height: auto;，这样视频在不同屏幕尺寸下都能自适应，不会溢出。
我见过太多人在这一步偷懒，结果视频在手机上被截断，或者拉伸变形。用户体验这东西，细节决定成败。你想想，如果你是个用户，打开一个网站，视频卡住不动，或者画面变形，你会怎么想？肯定觉得这网站不专业，直接关掉。
另外，视频加载是个异步过程。如果视频太大，页面其他内容会等视频加载完才显示，这很糟糕。解决办法是加一个poster属性，放一张封面图。
这样，用户先看到封面，点击播放才加载视频，体验好很多。
最后，别迷信DW的可视化插入功能。虽然它有个“插入媒体”按钮，但生成的代码往往冗余，而且容易出错。我强烈建议手写代码。哪怕你不懂代码，照着上面的模板改改路径就行。这样你才能完全控制视频的加载行为。
总结一下，dw网页制作怎么插mp4视频，关键就是：用
