Question

我有一个带mp3源的对象。在Internet Explorer 11中，视频播放器在页面加载时显示几秒钟，但随后消失。它悬停在它上面时重新出现。如何让它始终保持可见？

在Firefox中始终可见。

html页面是自动创建的，我坚持使用视频而不是音频，但我确实可以控制页面上的JS。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>

</head>
<body>
<VIDEO SRC="../media/439.mp3" CONTROLS="controls" WIDTH="400"></VIDEO>

</body>
</html>

Answer 1

在您的情况下，使用<audio>标记更为正确和语义（它以相同的方式工作，并且具有与<video>标记几乎相同的属性）。你应该通过css设置width: 400px和display: inline-block，这应该是正常的，这是一个例子：

<强> HTML：

<audio src="../media/439.mp3" controls="controls"></audio>

<强> CSS：

audio{
    width: 400px;
    display: inline-block;
}

修改：您也可以使用视频代码，但它不是正确的

Answer 2

这是我的快速解决方案......不完美，但它可以完成任务。

$('video').each(function() {
    if ($(this).attr('src').toLowerCase().indexOf('.mp3') >=0)
    {
        var attrStr = $(this)[0].outerHTML;
        $(this).replaceWith($('<audio '+attrStr + '>' + this.innerHTML + '</audio>'));

    }
});

如果没有悬停在IE上，HTML5视频（mp3）就会消失

2 个答案: