Видео IE 11 WMV оставляет черный ящик при навигации

У меня есть существующее приложение, которое использует видеоконтент WMV. По состоянию на 2019 год это работает только в IE 11, потому что Chrome больше не поддерживает плагины. Есть пара видео, которые подгружаются при навигации и выдают следующее:
Сценарий 1:
1. Воспроизведите видео и перейдите на следующую страницу
2. Размер черного ящика видео не указан, и его нельзя отладить в инструментах разработчика, его черный ящик болтается без какой-либо разметки, и инструменты разработчика не могут его выбрать.

Видео IE 11 WMV оставляет черный ящик при навигации
Сценарий 2:
1. Не воспроизводить видео и перейти на следующую страницу
2. Все работает как положено, черного ящика нет, но вы не можете потреблять видеоконтент

Сценарий 3:
1. В теге Object видео WMV, если я использую свойство DISPLAYCONTROLS, которое в конечном итоге дает элементы управления по умолчанию (скриншот ниже), тогда проблемы с черным ящиком нет.

Видео IE 11 WMV оставляет черный ящик при навигации

Ожидаемый результат:
Мне нужно, чтобы Сценарий 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/удалить. Статус: Не работает

jquery dom internet-explorer-11 wmv ie11-developer-tools

11.02.2019 21:02

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Ответы 1

Я пытаюсь сделать тест с вашим кодом и обнаружил, что вы вставили так много параметров.

Я предлагаю вам использовать только необходимые параметры в соответствии с вашими требованиями вместо того, чтобы использовать так много параметров.

Я пытаюсь удалить их один за другим и обнаруживаю, что указанный ниже параметр вызывает эту проблему.

 <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:

Спасибо за ваш вклад, Дипак. Параметры генерируются из устаревшей системы, поэтому я не могу изменить количество, уменьшить количество, я могу изменить значение свойства. В сценарии 3, т.е. с элементами управления видео, все работает как положено. Проблема возникает, когда у вас есть одно, затем одно видео и нет элементов управления, тогда при навигации на экране остается черный ящик, который блокирует область просмотра следующего видео.

— 13.02.2019 18:52

Можешь попробовать поставить AUTOSTART=true и проверить, помогает это или нет. На моей стороне видео воспроизводится без элементов управления, и я также добавил строку <PARAM NAME = "uiMode" VALUE = "none">.

— 14.02.2019 04:31

12.02.2019 03:24