用HTML构建媒体播放器

HTML中媒体的可能性随着HTML5中的视频和音频元素的引入而脱颖而出。现在，我们可以将视频和音频嵌入到网站中，而无需使用Flash或Silverlight等专有技术。

>浏览器的支持比以往任何时候都更好，WebVTT等新技术现在是了解（或重新访问）这些新的HTML元素的好时机。 SitePoint刚刚启动了您自己的HTML媒体播放器，该课程可以通过HTML5 Media Elements加快速度，以及如何使用CSS和JavaScript将它们提升到一个新的水平。

>这是一门课程的视频，可以使球滚动，向您展示如何为自定义媒体播放器构建HTML代码。 （后来的视频演示了如何使用CSS和JavaScript在此基础上构建以创建功能齐全的自定义媒体播放器。） 加载玩家…

>您可以在GitHub上下载此演示的源文件。

>如果您觉得这很有用，请在SitePoint上查看完整的课程 - 该课程将带您从基础知识开始开发功能齐全的自定义媒体播放器，同时播放音频和视频。

经常询问的问题（常见问题解答）有关在html

中构建媒体播放器

创建媒体播放器所需的基本HTML标签是什么？

在HTML中创建媒体播放器，您需要使用

>或标签。这些标签用于在您的网页上嵌入视频或音频内容。在这些标签中使用

标签来指定媒体的源文件。可以将“控件”属性添加到

>或标签中以提供播放，暂停和音量控制。

>我如何使我的媒体玩家响应？

使您的媒体播放器响应迅速，您可以使用CSS。通过将视频的宽度设置为100％，并将高度设置为自动，视频播放器将根据其容器的大小进行扩展。这样可以确保媒体播放器将适应不同的屏幕尺寸和方向。

>

>我如何在我的媒体播放器中添加字幕或字幕？

您可以使用媒体播放器将字幕或字幕添加给字幕或字幕标签。此标签在

>标签中使用，需要“类型”，“ src”和“ srclang”属性。 “类型”属性指定文本曲目的类型，“ src”属性指定文本曲目的源文件，而“ srclang”属性属性指定文本曲目的语言。

>如何自定义媒体播放器的控件？

>自定义媒体播放器的控件需要JavaScript和CSS。您可以通过从>中删除“控件”属性或使用HTML按钮和JavaScript事件处理程序创建自己的控件来隐藏默认控件。 CSS可用于样式。源文件以不同的格式。浏览器将使用它支持的第一个源文件。可以使用

>我如何将海报图像添加到我的媒体播放器？使用

>我如何在媒体播放器中循环视频或音频？>您可以使用

或标签中的“循环”属性在媒体播放器中循环视频或音频。 “循环”属性是一个布尔属性。在场时，它指定音频/视频每次完成时都会重新开始。

>我如何在媒体播放器中静音吗？您可以使用

>我如何在媒体播放器中预紧视频或音频？媒体播放器中使用

>或标签中的“预紧力”属性的视频或音频。 “预加载”属性指定作者是否以及如何在页面加载时加载音频/视频。它具有三个值：“自动”，“元数据”和“无”。

我如何在媒体播放器中播放视频或音频？

​​

在全屏中播放视频或音频需要全屏API，这是JavaScript API。您可以使用“ requestfullscreen”方法使视频或音频元素完整屏幕。该方法必须是由于用户操作而运行的，例如单击事件。

>

以上是用HTML构建媒体播放器的详细内容。更多信息请关注PHP中文网其他相关文章！