为 Windows 媒体播放器预览 JPG答案

【问题标题】：Preview JPG for a windows media player为 Windows 媒体播放器预览 JPG
【发布时间】：2010-07-02 16:56:49
【问题描述】：

我想为我的简单 .wmv 播放器提供 JPG 预览。有任何想法吗？在这里……

<div id="embed">
<OBJECT id='mediaPlayer1' width="360" height="240" 
                  classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' 
                  codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
                  standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
                  <param name='fileName' value="images/video.wmv">
                  <param name='animationatStart' value='true'>
                  <param name='transparentatStart' value='true'>
                  <param name='autoStart' value="false">
                  <param name='showControls' value="true">
                  <param name ="ShowAudioControls"value="true">
                  <param name="ShowStatusBar" value="true">
                  <param name='loop' value="false">
                  <EMBED type='application/x-mplayer2'
                  pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
                  id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1' 
                  bgcolor='darkblue' showcontrols="true" showtracker='-1' 
                  showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="360" height="240"
                  src="images/video.wmv" autostart="false" designtimesp='5311' loop="false">
                  </EMBED>
                </OBJECT>
                  <br />
</div>

【问题讨论】：

我很确定这是一个 Windows 问题。如果您将其标记为此类，您将获得更多流量。

标签： windows jpeg embedding preview windows-media-player

【解决方案1】：

你能在上面放一张图片，当图片被点击时，隐藏它并告诉 WMP 开始播放吗？像这样的：

<script>
  function handleStartClick() {
    document.getElementById("playbackPreview").style.display = "none";
    //not sure about the next line, mybe you have to remove "controls." or so
    document.getElementById("mediaPlayer1").controls.play();
  }
</script>
<div id="embed" style="position: relative;">
  <OBJECT id='mediaPlayer1' width="360" height="240"[...]</OBJECT>
  <img id='playbackPreview' style="z-index: 100; position: absolute; top: 0px; left: 0px" src="previewimage.jpg" onclick="handleStartClick()" />
</div>

【讨论】：