如何创建像 youtube 这样的专业控件？

Posted 2023-02-24

【中文标题】如何创建像 youtube 这样的专业控件？

【英文标题】：How to create professional controls like youtube?

【发布时间】：2019-02-19 09:40:05

【问题描述】：

我正在处理 html，并希望接收像 youtube 这样的控件。 这是主要问题：

<video   controls="controls">
     <source src=" song.audio_file.url ">
 </video> 

我想接收像 youtube 这样的“控件”或这种风格的东西，并且 不是您收到的默认值- default like this

我怎样才能得到这个控件？ -like this controls:

【问题讨论】：

是视频文件还是音频文件？

是音频.....

【参考方案1】：

<audio   controls>
     <source src=" song.audio_file.url ">
</audio> 

我想你需要使用音频标签才能工作。

【讨论】：

正确。但我也有同样的问题，我想得到“YouTube”的风格，你知道我怎么才能得到它吗？

说实话，浏览器（Chrome、Microsoft Edge）在显示方面存在差异......我希望这是相同的。

【参考方案2】：

试试这个：

  <audio controls preload="auto">
        <source src="song.audio_file.url" type="audio/mpeg" />
    </audio>

对于铬

<iframe src="song.audio_file.url"    allow="autoplay">
</iframe> 

我不知道您使用的是哪种文件格式。如果您遇到 mp3 文件问题，请尝试将 *.mp3 文件转换为 *.ogg 格式<source src="song.ogg" type="audio/ogg">并添加为第二个来源。此外，有时 192kbps 的 mp3 格式不起作用，因此请尝试 128kbps。

【讨论】：

请分享有关您要求的更多信息。

所以我想控制音量并想要更多默认功能没有的功能，因此，我想要另一个像 Youtube 一样的功能......足够清晰吗？