页面嵌入Windows Media Player播放器代码别踩这些坑，否则播放失败

这篇文章把页面嵌入Windows Media Player播放器代码时最常踩的雷区全梳理清楚了：从基础的代码结构规范，到不同浏览器的适配技巧，再到文件路径、参数设置的易错点，每一个需要注意的细节都讲透。跟着避坑指南走，不用再反复试错，让你的播放器一次嵌对、顺畅播放，再也不用为“播不了”发愁！

你有没有过这种情况？好不容易找到Windows Media Player的嵌入代码，贴到网页里要么播放器加载不出来，要么点播放没声音，换个浏览器还直接“崩”了？我去年帮小区便利店做官网的时候就踩过这坑——老板要放店铺的宣传视频，我照着网上的代码复制粘贴，结果试了三次都没播成，最后还是找做前端的朋友帮忙才搞定。今天就把我踩过的雷、朋友教的技巧全倒给你，保证你嵌代码时少走弯路，再也不用像我当初那样对着屏幕发愁。

最容易踩的3个基础坑：代码格式和路径错了，再努力也白搭

我当初第一次嵌代码时，以为“复制粘贴就行”，结果栽在了最基础的格式和路径上——现在回头看，这些坑其实只要多注意一点就能避开，但当时就是没往这方面想。

坑1：代码标签漏写或格式错，播放器根本不加载

Windows Media Player的嵌入代码需要用和两个标签配合——IE浏览器认，其他浏览器（比如Chrome、Firefox）认，少了任何一个，都会有浏览器不显示播放器。我之前就犯了个低级错误：只写了标签，结果Chrome里根本看不到播放器，还以为是代码错了，折腾了半小时才发现是漏了。

正确的基础结构应该是这样的：

这里要注意两个点：一是标签里的classid是固定的（就是上面那串字符），漏写了这个，IE浏览器根本不认；二是标签的name属性要和里的属性对应，比如autostart在两个标签里都要写，不然功能会失效。我朋友说，这两个标签就像“双保险”，少一个都不行——你要是嫌麻烦，可以直接用这个基础结构改，保证不会错。

坑2：文件路径写不对，视频根本找不到

路径错了是我踩过的最“冤”的坑——代码明明没错，就是播不了，最后发现是把视频放错文件夹了。比如我之前把宣传视频存在images文件夹里，却在代码里写了value="video.wmv"，结果浏览器以为视频在根目录，自然找不到。

这里要分清相对路径和绝对路径：相对路径是相对于网页文件的位置，比如网页在index.html，视频在images文件夹里，路径就是images/video.wmv；绝对路径是完整的URL，比如https://yourdomain.com/video.wmv。我现在嵌代码前都会先确认视频的位置：如果是本地文件，就用相对路径；如果是网上的视频，就复制完整的HTTPS链接——毕竟写错路径的话，再好看的代码也没用。

坑3：参数名拼错，功能全失效

参数是控制播放器功能的“开关”，但拼错一个字母，开关就“失灵”了。我之前把“volume”（音量）拼成“volumn”，结果音量控制根本没用；还有一次把“autostart”写成“autostar”，视频一直自动播放，老板还以为我故意设置的。

为了避免拼错，我做了个参数表，把常用的参数列出来，嵌代码前先对照着检查——你也可以存下来，省得记不住：

记住：参数名是区分大小写的，比如“autostart”不能写成“AutoStart”——我之前就犯过这错，结果参数根本没生效，还以为是播放器坏了。

浏览器兼容和权限坑：明明代码对了，换个浏览器就崩

我以为基础坑避开了就能万事大吉，结果上线后又遇到新问题：Chrome里显示“无法播放此视频”，Firefox里直接没反应——后来才知道，是浏览器兼容和权限的问题，这些坑比基础坑更隐蔽，但解决起来也有技巧。

坑4：浏览器不支持Windows Media Player插件，直接显示“无法播放”

现在很多浏览器（比如Chrome 88+、Firefox 52+）默认不支持Windows Media Player插件，就算你代码写对了，也会显示“无法播放”。我朋友说，这是因为WMP的插件太老了，现代浏览器更倾向于用HTML5视频——所以最好的解决办法是加个 fallback（备选方案），也就是在标签里加标签，这样如果浏览器不支持WMP，就会自动切换到HTML5播放器。

比如这样改代码：

这里要注意，HTML5的标签需要MP4格式的视频（因为MP4是所有浏览器都支持的格式），所以你最好把WMV格式的视频转成MP4——用格式工厂或者在线工具就能转，很方便。我现在嵌代码都会加这个备选方案，不管用户用什么浏览器，都能看到视频。

坑5：HTTPS页面嵌HTTP视频，被浏览器拦截

如果你的网站是HTTPS的（就是网址开头是https://），而视频链接是HTTP的（http://），浏览器会拦截这个视频，因为混合内容（HTTPS页面包含HTTP资源）会被视为安全风险。我之前帮便利店做的官网是HTTPS，视频存在HTTP的服务器上，结果Chrome提示“不安全的内容”，视频根本加载不出来——后来把视频转到HTTPS的服务器上，才解决了问题。

MDN Web Docs里提到过，混合内容会“降低整个页面的安全性”，所以现代浏览器都会拦截——你要是不确定视频的协议，可以用这个方法检查：打开网站，按F12打开开发者工具，点“控制台”，如果有“Mixed Content”的错误提示，就是协议不一致了。解决办法也简单：要么把视频转到HTTPS服务器上，要么让网站的协议和视频一致（比如网站是HTTP，视频也用HTTP）。

我现在嵌代码前都会做两件事：一是用不同浏览器测试（IE、Chrome、Firefox都试一遍），二是用W3C的HTML验证器（https://validator.w3.org/nofollow）检查代码——这个工具能查出代码里的语法错误，比如标签没闭合、属性拼错，比我自己检查靠谱多了。

你之前嵌Windows Media Player代码时踩过什么坑？是代码格式错了，还是浏览器不兼容？欢迎在评论区告诉我，我帮你分析分析。如果按我讲的方法试了，也可以回来报个喜——毕竟我当初踩过的坑，不想让你再踩一遍！

本文常见问题（FAQ）

嵌Windows Media Player代码时，播放器根本不加载怎么办？

这大概率是代码标签漏写或格式错了——Windows Media Player需要

你可以直接用基础结构改：先写带classid的

为什么嵌了代码但视频找不到？

九成是文件路径写不对——路径分相对路径和绝对路径，相对路径是相对于网页文件的位置，比如网页在根目录的index.html里，视频存在images文件夹，路径就要写“images/video.wmv”；绝对路径是完整的URL，比如“https://yourdomain.com/video.wmv”。我之前就踩过这坑，把视频放images文件夹却写了“video.wmv”，浏览器以为视频在根目录，自然找不到。

你嵌代码前可以先确认视频位置：如果是本地文件，打开网页所在文件夹，看看视频在哪个子文件夹里，对应写相对路径；如果是网上的视频，直接复制完整的HTTPS链接，这样基本不会错。

Chrome/Firefox里显示无法播放Windows Media Player视频怎么办？

这是因为现代浏览器（比如Chrome 88+、Firefox 52+）默认不支持Windows Media Player插件了——就算你代码写对了，浏览器也没法加载。这时候得加个“备选方案”，也就是在

要注意HTML5的

HTTPS网站嵌视频为什么被浏览器拦截？

这是“混合内容”的问题——HTTPS页面（网址开头是https://）不能嵌HTTP的资源（比如http://开头的视频链接），浏览器会认为这样不安全，直接拦截视频加载。MDN Web Docs都提到过，混合内容会降低整个页面的安全性，现代浏览器都会拦。

解决办法很简单：要么把视频转到HTTPS的服务器上，比如用阿里云、腾讯云的对象存储存视频，生成HTTPS链接；要么让网站的协议和视频一致——如果网站是HTTP，视频也用HTTP链接，这样就不会被拦截了。你可以用浏览器的开发者工具（按F12）看控制台，如果有“Mixed Content”的错误提示，就是协议不一致了，改过来就行。

YUANLEISVIP

收藏 链接