IE 11 WMV视频在导航上留下黑匣子

时间:2019-02-11 20:02:12

标签: jquery dom internet-explorer-11 wmv ie11-developer-tools

我有一个使用WMV视频内容的现有应用程序。从2019年开始,这仅适用于IE 11,因为Chrome不再支持插件。导航中加载了几个视频,问题如下:
方案1:
1.播放视频并导航到下一页
2.视频的黑匣子大小被忽略,无法在开发工具中调试,其悬空的黑匣子没有任何标记,并且开发工具无法选择它。

enter image description here
方案2:
1.不要播放视频并导航到下一页
2.一切正常,没有黑匣子,但是您无法使用视频内容

场景3:
1.在WMV视频的“对象”标签中,如果我使用DISPLAYCONTROLS属性,该属性最终提供了默认控件(如下图所示),则不会出现黑匣子问题。

enter image description here

预期结果:
我需要使方案1正常工作,而我没有显示默认控件。

示例HTML标记:

<div id="mc08632483328809373"><object width="400" height="300" class="objectouter" id="mcobject0.20815833798721461"
    classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">
    <PARAM NAME="URL" VALUE="http://192.168.1.10:8080/external/10/Ears.wmv">
    <PARAM NAME="rate" VALUE="1">
    <PARAM NAME="balance" VALUE="0">
    <PARAM NAME="currentPosition" VALUE="0">
    <PARAM NAME="defaultFrame" VALUE="">
    <PARAM NAME="playCount" VALUE="1">
    <PARAM NAME="autoStart" VALUE="0">
    <PARAM NAME="currentMarker" VALUE="0">
    <PARAM NAME="invokeURLs" VALUE="-1">
    <PARAM NAME="baseURL" VALUE="">
    <PARAM NAME="volume" VALUE="50">
    <PARAM NAME="mute" VALUE="0">
    <PARAM NAME="uiMode" VALUE="none">
    <PARAM NAME="stretchToFit" VALUE="0">
    <PARAM NAME="windowlessVideo" VALUE="0">
    <PARAM NAME="enabled" VALUE="-1">
    <PARAM NAME="enableContextMenu" VALUE="-1">
    <PARAM NAME="fullScreen" VALUE="0">
    <PARAM NAME="SAMIStyle" VALUE="">
    <PARAM NAME="SAMILang" VALUE="">
    <PARAM NAME="SAMIFilename" VALUE="">
    <PARAM NAME="captioningID" VALUE="">
    <PARAM NAME="enableErrorDialogs" VALUE="0">
    <PARAM NAME="_cx" VALUE="10583">
    <PARAM NAME="_cy" VALUE="7938">
    <param name="ext" value="wmv">
    <param name="MOVIE" value="../external/10/Ears.wmv">
    <param name="AUTOSTART" value="false">
    <param name="data" value="../external/10/Ears.wmv">
    <param name="src" value="../external/10/Ears.wmv">
    <param name="WINDOWLESSVIDEO" value="1">
    <param name="ALT" value="">
    <param name="id" value="WM_0.09200819067981891">
    <param name="DISPLAYCONTROL" value="false">
    <param name="Controller" value="false">
    <param name="url" value="../external/10/Ears.wmv">
    <param name="base" value="../external/10/">
    <!--[if IE ]><!-- [endif]  -->
    <!-- [if !IE]  --><object width="400" height="300" class="objectinner" data="../external/10/Ears.wmv" type="application/x-ms-wmp"
        alt="" autostart="false" ext="wmv" displaycontrol="false" movie="../external/10/Ears.wmv" src="../external/10/Ears.wmv"
        controller="false" base="../external/10/">
        <param name="ext" value="wmv">
        <param name="MOVIE" value="../external/10/Ears.wmv">
        <param name="data" value="../external/10/Ears.wmv">
        <param name="AUTOSTART" value="false">
        <param name="src" value="../external/10/Ears.wmv">
        <param name="ALT" value="">
        <param name="DISPLAYCONTROL" value="false">
        <param name="Controller" value="false">
        <param name="type" value="application/x-ms-wmp">
        <param name="base" value="../external/10/"></object><!-- [endif]  --></object></div>

我尝试过的事情:
1.使用jquery remove和html方法更新标记。对象没有remove方法,因此尝试从https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove添加polyfill方法 状态:不起作用

1 个答案:

答案 0 :(得分:0)

我尝试用您的代码进行测试,发现您插入了太多参数。

我建议您仅根据需要使用必需的参数,而不要使用太多的参数。

我尝试将它们一个一个地删除,并且发现以下参数导致了此问题。

 <PARAM NAME="uiMode" VALUE="none">

我尝试将其删除,现在视频正在IE 11中播放。

经过测试的代码:

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>

<object width="400" height="300" class="objectouter" id="mcobject0.20815833798721461"
    classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">
    <PARAM NAME="URL" VALUE="C:\Users\Administrator\Desktop\Video1.wmv">


 <PARAM NAME="rate" VALUE="1">
    <PARAM NAME="balance" VALUE="0">
    <PARAM NAME="currentPosition" VALUE="0">
    <PARAM NAME="defaultFrame" VALUE="">
    <PARAM NAME="playCount" VALUE="1">
    <PARAM NAME="autoStart" VALUE="0">
    <PARAM NAME="currentMarker" VALUE="0">
    <PARAM NAME="invokeURLs" VALUE="-1">
    <PARAM NAME="baseURL" VALUE="">
    <PARAM NAME="volume" VALUE="50">
    <PARAM NAME="mute" VALUE="0">

    <PARAM NAME="stretchToFit" VALUE="0">
    <PARAM NAME="windowlessVideo" VALUE="0">
    <PARAM NAME="enabled" VALUE="-1">
    <PARAM NAME="enableContextMenu" VALUE="-1">
    <PARAM NAME="fullScreen" VALUE="0">
    <PARAM NAME="SAMIStyle" VALUE="">
    <PARAM NAME="SAMILang" VALUE="">
    <PARAM NAME="SAMIFilename" VALUE="">
    <PARAM NAME="captioningID" VALUE="">
    <PARAM NAME="enableErrorDialogs" VALUE="0">
    <PARAM NAME="_cx" VALUE="10583">
    <PARAM NAME="_cy" VALUE="7938">
    <param name="ext" value="wmv">
    <param name="AUTOSTART" value="false">
    <param name="WINDOWLESSVIDEO" value="1">
    <param name="ALT" value="">
    <param name="id" value="WM_0.09200819067981891">
    <param name="DISPLAYCONTROL" value="false">
   </object>

</body>
</html>

IE 11中的输出:

enter image description here