如何检测哪个视频源正在播放 html5 视频

发布于 2024-11-30 08:46:22 字数 416 浏览 0 评论 0原文

我正在对 html5 视频设置分析。由于Chrome、Firefox等目前播放不同的文件类型（但将来可能会改变），有没有办法用Javascript获取浏览器实际播放的视频源？

标记：

<video class="myclass">
    <source src="myvid.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2" />
    <source src="myvid.webm" type="video/webm; codecs="vp8, vorbis" />
    <source src="myvid.ogv" type="video/ogg; codecs="theora, vorbis" />
</video>

原文

I'm setting up analytics on our html5 videos. Since Chrome, Firefox, etc. currently play different file types (but may change in the future), is there a way with Javascript to get the video source that's actually being played by the browser?

Markup:

<video class="myclass">
    <source src="myvid.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2" />
    <source src="myvid.webm" type="video/webm; codecs="vp8, vorbis" />
    <source src="myvid.ogv" type="video/ogg; codecs="theora, vorbis" />
</video>

分享到QQ

分享到微博

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

发布评论

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

一身骄傲 2024-12-07 08:46:22

这不是示例性的编码风格，但这对我有用，应该足以让您开始：

<video class="myclass" onloadeddata="document.getElementById('source').innerHTML
                                        = 'Playing file ' + this.currentSrc">
    <source src="myvid.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2" />
    <source src="myvid.webm" type="video/webm; codecs="vp8, vorbis" />
    <source src="myvid.ogv" type="video/ogg; codecs="theora, vorbis" />
</video>
<div id="source"></div>

基本上，您需要在元数据加载后使用 currentSrc 属性。

This is not exemplary coding style, but this works for me and should be enough to get you started:

<video class="myclass" onloadeddata="document.getElementById('source').innerHTML
                                        = 'Playing file ' + this.currentSrc">
    <source src="myvid.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2" />
    <source src="myvid.webm" type="video/webm; codecs="vp8, vorbis" />
    <source src="myvid.ogv" type="video/ogg; codecs="theora, vorbis" />
</video>
<div id="source"></div>

Basically, you want the currentSrc property after the metadata has been loaded.

回复收藏 0 原文