为什么我在ipad air中收到的播放按钮形状与在桌面中不同？

Question

所以这是我收到的形状(上面应该只有一个播放按钮，而不是另一个三角形的播放形状)。你知道为什么我在ipad air中浏览时会出现这种情况吗？

​

​

这是我应该收到的(比如在桌面上)：

​

下面是我使用的代码：

Qualtrics.SurveyEngine.addOnload(function()
{
    /*Place Your Javascript Below This Line*/
    var aud = document.getElementById('audio2');
    this.questionclick = function(event,element){

        if((element.type == "button") && (element.name == "play"))
        {
            aud.play();
            // remove the element
            element.parentNode.removeChild(element);
            // or set it to disabled, what you like
            element.disabled = true;
        }

    }


});

HTML是：

Now that you know how the auditory stories will sound, you are ready to listen to and comprehend the two auditory stories in this study. The first auditory story is titled, “The Honey Gatherer’s Three Sons.” Press the “Play Story” button to begin listening to the story; after you have finished listening to the story, you will answer a set of questions about the story.
<div>&nbsp;
<p>&nbsp;</p>

<audio controls="controls" id="audio2" preload="preload" style="display:none"><source src="http://langcomplab.net/Honey_Gatherers_Master.webm" style="width:50%" type="audio/webm" /> <source src="http://langcomplab.net/Honey_Gatherers_Master.mp3" style="width:50%" type="audio/mpeg" /><source src="http://langcomplab.net/Honey_Gatherers_Master.ogg" style="width:50%" type="audio/ogg" /> Your browser doesn&#39;t support this audio format.</audio>
</div>

<p>&nbsp;</p>

<div><button name="play" style="height:25px; width:200px" type="button">Play Story</button></div>

Answer 1

我发现：如果你想在桌面或iPad上提供你自己的媒体控制器，只需省略controls属性。

来源：Link

然而，我发现省略控件并不是一个好方法，因为我需要它作为回退消息的第一个功能。