最近网页中需要用到音乐播放器，在网上找了很多跨浏览器的兼容方案，由于大部分用户用的都是IE，因此首选Windows Media Player，下面贴出代码给各位参考，如果需要兼容FireFox、Chrome，需要用户自己安装插件，插件很小，大约300KB左右。
下面给出源码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
播放器测试
</title>
</head>
<body>
<div>
<object id="MediaPlayer1" width="350" height="64" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6 ,4,7,1112"
align="baseline" border="0" standby="Loading Microsoft Windows Media Player components..."
type="application/x-oleobject">
<param name="FileName" value="">
<param name="autoStart" value="true">
<param name="invokeURLs" value="false">
<param name="playCount" value="100">
<param name="defaultFrame" value="datawindow">
<embed src="" align="baseline" border="0" width="350" height="68" type="application/x-mplayer2"
pluginspage="" id="MediaPlayer2" name="MediaPlayer2" showcontrols="1" showpositioncontrols="0"
showaudiocontrols="1" showtracker="1" showdisplay="0" showstatusbar="1"
autosize="0" showgotobar="0" showcaptioning="0" autostart="1" autorewind="0"
animationatstart="0" transparentatstart="0" allowscan="1" enablecontextmenu="1"
clicktoplay="0" defaultframe="datawindow" invokeurls="0">
</embed>
</object>
</div>
<input type="submit" name="playMp3" id="playMp3" value="Play MP3" onclick="playMP3()"
/>
<input type="submit" name="playMp" id="playMp" value="Play MIDI" onclick="playMIDI()"
/>
<input type="submit" name="playMp2" id="playMp2" value="Stop Play" onclick="stopPlay()"
/>
<a href="wmpfirefoxplugin.exe">
Windows Media Play for Firefox/Chrome 插件下载
</a>
<script>
var ip = "http://192.168.1.199:8080/player/";
function playMP3() {
var musicFile = ip + "ily.mp3";
startPlay(musicFile);
}
function playMIDI() {
var musicFile = ip + "flourish.mid";
startPlay(musicFile);
}
function startPlay(musicFile) {
try {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var obj = document.getElementById("MediaPlayer1");
obj.URL = musicFile;
//obj.FileName = musicFile;
obj.controls.play();
} else {
var player = document.getElementById("MediaPlayer2");
player.src = musicFile;
player.controls.play();
}
} catch(error) {
alert(error)
}
}
function stopPlay() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var obj = document.getElementById("MediaPlayer1");
obj.controls.stop();
} else {
var player = document.getElementById("MediaPlayer2");
player.controls.stop();
}
}
</script>
</body>
</html>
分享到：
相关推荐
对于不支持ActiveX的现代浏览器（如Chrome或Firefox），可能需要使用其他HTML5的媒体元素，如`<video>`标签。 在C# Web应用中，Media Player的集成主要在前端页面上进行，使用HTML和JavaScript代码。以下是一个基本...
在上述代码中，`audio.mp3`是MP3格式，大多数现代浏览器都能支持，但Firefox默认不支持MP3，因此添加了`audio.ogg`作为Ogg Vorbis格式的备选，这种格式在Firefox和Chrome中通常可以正常播放。然而，对于只兼容IE内核...
MediaPlayer致力于提供一致的用户体验，无论用户使用的是Chrome、Firefox、Safari、Edge还是其他主流浏览器。它通过利用HTML5的`<video>`和`<audio>`元素，结合不同的浏览器API，确保了在各种平台上的兼容性，从而...
浏览器集成VLC视频插件是一种解决方案，用于在各种主流浏览器如IE8+、Chrome和Firefox中流畅播放视频内容。VLC Media Player是一款流行的开源多媒体播放器，它支持多种视频格式和流媒体协议，使得在浏览器中播放不同...
这里需要注意的是，由于IE的特殊性，我们需要指定`classid`属性来引用Windows Media Player控件，并设置多个`<param>`标签来控制播放行为。 #### 4. 检测Opera浏览器 ```javascript if (navigator.appName.indexOf...
`wmpfirefoxplugin.exe`可能是一个Firefox浏览器的Windows Media Player插件，用于在Firefox中播放不支持的视频格式。但是，由于这里没有明确说明，所以这个文件的具体作用可能需要根据实际情况进行判断。 总的来说...
除了Internet Explorer之外，许多其他产品也依赖于Trident，如Windows Help、RealPlayer、Windows Media Player、Windows Live Messenger和Outlook Express等。值得注意的是，尽管IE在Windows平台上的地位稳固，但在...
5. **浏览器兼容性**：由于Flash的局限性，这种方法只适用于还支持Flash的浏览器，例如较旧版本的Chrome、Firefox或Internet Explorer。对于现代浏览器，如使用HTML5的浏览器，可能需要使用HLS（HTTP Live Streaming...
2. **浏览器兼容性**：Flash Player作为一个插件，可以与多种浏览器兼容，如Internet Explorer、Firefox、Chrome、Safari和Opera等。用户只需安装相应版本的Flash Player插件，就能在这些浏览器中播放Flash内容。 3...
除了IE，许多其他应用程序如RealPlayer、Windows Media Player等也采用了Trident技术。然而，Trident内核仅适用于Windows平台，且与其他内核相比，更新速度相对较慢。一些基于Trident内核的浏览器包括傲游、世界之窗...
Internet Explorer 8+, Firefox, Google Chrome 所支持的播放器： Desktop media players supported: iTunes, Spotify, Windows Media Player, Winamp, VLC media player, RealPlayer, JetAudio, GOM Player,...
8. **兼容性测试**: 虽然我们以IE11为例，但也要确保在其他主流浏览器（如Chrome、Firefox）下能正常工作，因为VLC插件可能在不同浏览器中的表现会有所不同。 总的来说，结合VLC Media Player和JavaWEB技术，我们...
- 这些代码示例依赖于ActiveX，这在基于Internet Explorer的浏览器中工作良好，但在其他如Chrome、Firefox等现代浏览器中可能不支持。因此，为了实现跨浏览器兼容，需要结合使用HTML5的`<video>`标签和不同的视频...
支持所有主要流行的网络浏览器，包括 Internet Explorer、Microsoft Edge、Firefox、Google Chrome、Safari 和 Opera。 只需单击一下，Privacy Eraser 就会删除所有数字足迹 - Web 浏览器缓存、Cookie、浏览历史...
3. 兼容性广泛：jQuery.media.js兼容主流的浏览器，包括Firefox、Chrome、Safari、IE等。 4. 事件处理：提供一系列事件接口，如play、pause、stop等，便于开发者监听和响应用户操作。 5. 动态加载：可以动态加载和...
支持所有主要流行的网络浏览器，包括 Internet Explorer、Microsoft Edge、Firefox、Google Chrome、Safari 和 Opera。 只需单击一下，Privacy Eraser 就会删除所有数字足迹 - Web 浏览器缓存、Cookie、浏览历史...
我们目前支持浏览器，例如Google Chrome，Mozilla FireFox，Internet Explorer和Media Player，例如VLC Player，XBMC，KM Player，GOM Player，Windows Media Player，POT Player和SPlayer。 如有任何查询或支持，...
需要注意的是，上述代码主要用于IE浏览器，对于现代浏览器（如Chrome、Firefox等），建议使用HTML5的`<audio>`标签或其他跨平台的音频播放方案。例如，可以使用以下代码片段来替代： ```html <audio id="audio-...
10. **更换浏览器**：如果所有尝试都无效，可以换一个浏览器，如Chrome、Firefox等，看是否能正常播放。 11. **重新安装系统**：作为最后的手段，当所有方法都尝试过后，仍然无法播放，可能需要考虑重装操作系统。 ...
HTML5-Media-Player 基本功能 鼠标单击 是播放或暂停，双击 是全屏或退出全屏；...已测试的桌面浏览器：Chrome (41)，Firefox (37)，IE (11)； functions.php 中的部分链接为无效的示例链接； DEMO（演示地址）