可以在 HTML 5 中使用 video 标签来运行 mp3 音频文件吗?

Posted

技术标签:

【中文标题】可以在 HTML 5 中使用 video 标签来运行 mp3 音频文件吗?【英文标题】:Can video tag be used in HTML 5 to run mp3 audio file? 【发布时间】:2014-07-21 08:58:07 【问题描述】:

我正在使用音频标签来播放 html 5 中的 mp3 文件,而我想使用 HTML 5 中的视频标签。 这可能吗?我该怎么做?

<audio class="audio" id="c_step_1_audio" controls preload="none" style="display: none"> 
     <source src="test.mp3" type="audio/mpeg">
</audio>

我想做如下

<video class="audio" id="c_step_1_audio" controls preload="none" style="display: none"> 
   <source src="test.mp3" type="audio/mpeg">
</video>

【问题讨论】:

【参考方案1】:

这在任何浏览器或 W3C 中既不推荐也不批准。但是试试吧,如果幸运的话,可能会在某些地方奏效。

<video   controls>
  <source src="test.mp3" type="audio/mpeg">
Your browser does not support audio in video tag.
</video>

【讨论】:

在 HTML 的精神中,父标签对孩子的天性没有那种控制。由于source 标签在各个方面都是正确的,因此它在每个浏览器中都应该是可以接受的。尽管它在语义上不是您可以使用它的正确方式。

以上是关于可以在 HTML 5 中使用 video 标签来运行 mp3 音频文件吗?的主要内容,如果未能解决你的问题,请参考以下文章

video标签在移动端使用过程中问题小结

HTML 5 视频标签不适用于任何浏览器

Html5-Video标签和字幕

请问,怎么用JQuery监听html5 中video 标签的全屏按钮?

前端小功能:video视频播放

v-html里的video手机打开是白屏