jquery - IE 11 WMV 视频在导航上留下黑框

Question

我有一个使用 WMV 视频内容的现有应用程序。截至 2019 年，这仅适用于 IE 11，因为 Chrome 不再支持插件。有几个视频在导航时加载，问题如下：
场景 1：
1. 播放视频并导航到下一页
2. 视频的黑盒大小被遗漏，无法在开发者工具中调试，它悬空的黑框，没有任何标记，开发者工具无法选择它。

场景 2：
1. 不播放视频并导航到下一页
2. 一切正常，没有黑匣子，但您无法消费视频内容

场景 3：
1. 在 WMV 视频的 Object 标签中，如果我使用 DISPLAYCONTROLS 属性，最终给出默认控件（截图如下），则不存在黑框问题。

预期结果：
我需要让场景 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 方法更新标记。对象没有删除方法，因此尝试从https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove添加 polyfill 方法状态：不起作用

score 0 · Accepted Answer

我试着用你的代码做一个测试，我发现你插入了这么多参数。

我建议您只使用所需的参数作为您的要求，而不是使用这么多参数。

我尝试一一删除它们，我发现下面的参数导致了这个问题。

 <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 中的输出：

jquery - IE 11 WMV 视频在导航上留下黑框

1 回答 1

Related

Reference