当前位置：文江博客话题详情

如何创建自定义 HTML5 视频控件？

发布于 2024-08-22 06:15:05 字数 118 浏览 3 评论 0原文

我对用 HTML5 构建自定义视频播放器感兴趣。我可以使用 Ogg 和 h.264 的双格式嵌入 html5 视频媒体。我的主要问题是引用视频标签元素的 API。我可以通过 JavaScript 访问哪些属性和事件侦听器？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

久伴你 2024-08-29 06:15:05

对于基本的 UI，您所需要的只是播放暂停和音量。

HTMLVideoElement = document.getElementById("myvideo");
HTMLVideoElement.play();
HTMLVideoElement.pause();
HTMLVideoElement.volume = 1; /* values 0 to 1 */

这些都很好

duration = HTMLVideoElement.duration;
currentTime = HTMLVideoElement.currentTime;

这将打印出完整的列表，但要小心超出 HTML5 记录的 API。

<video id="myvideo">
<source id="vidsource">
</video>
<script>
var HTMLVideoElement = document.getElementById("myvideo");
for (var key in HTMLVideoElement) { 
    document.write("<li>"+ key + ": " + HTMLVideoElement[key]);
} 
</script>

For a basic UI all you need is play pause and volume.

HTMLVideoElement = document.getElementById("myvideo");
HTMLVideoElement.play();
HTMLVideoElement.pause();
HTMLVideoElement.volume = 1; /* values 0 to 1 */

These are nice

duration = HTMLVideoElement.duration;
currentTime = HTMLVideoElement.currentTime;

This will print out the complete list, but go beyond the HTML5 documented API with caution.

<video id="myvideo">
<source id="vidsource">
</video>
<script>
var HTMLVideoElement = document.getElementById("myvideo");
for (var key in HTMLVideoElement) { 
    document.write("<li>"+ key + ": " + HTMLVideoElement[key]);
} 
</script>

回复收藏 0 原文

~没有更多了~