>浏览器的支持比以往任何时候都更好,WebVTT等新技术现在是了解(或重新访问)这些新的HTML元素的好时机。 SitePoint刚刚启动了您自己的HTML媒体播放器,该课程可以通过HTML5 Media Elements加快速度,以及如何使用CSS和JavaScript将它们提升到一个新的水平。
>这是一门课程的视频,可以使球滚动,向您展示如何为自定义媒体播放器构建HTML代码。 (后来的视频演示了如何使用CSS和JavaScript在此基础上构建以创建功能齐全的自定义媒体播放器。) 加载玩家…
>您可以在GitHub上下载此演示的源文件。>如果您觉得这很有用,请在SitePoint上查看完整的课程 - 该课程将带您从基础知识开始开发功能齐全的自定义媒体播放器,同时播放音频和视频。
经常询问的问题(常见问题解答)有关在html
中构建媒体播放器
创建媒体播放器所需的基本HTML标签是什么?在HTML中创建媒体播放器,您需要使用
>或标签。这些标签用于在您的网页上嵌入视频或音频内容。在这些标签中使用>我如何使我的媒体玩家响应?
使您的媒体播放器响应迅速,您可以使用CSS。通过将视频的宽度设置为100%,并将高度设置为自动,视频播放器将根据其容器的大小进行扩展。这样可以确保媒体播放器将适应不同的屏幕尺寸和方向。>
>我如何在我的媒体播放器中添加字幕或字幕?>自定义媒体播放器的控件需要JavaScript和CSS。您可以通过从>中删除“控件”属性或使用HTML按钮和JavaScript事件处理程序创建自己的控件来隐藏默认控件。 CSS可用于样式。源文件以不同的格式。浏览器将使用它支持的第一个源文件。可以使用
或标签中的“循环”属性在媒体播放器中循环视频或音频。 “循环”属性是一个布尔属性。在场时,它指定音频/视频每次完成时都会重新开始。
>我如何在媒体播放器中静音吗?您可以使用
以上是用HTML构建媒体播放器的详细内容。更多信息请关注PHP中文网其他相关文章!