Javascript 在html5视频播放事件上捕获视频源_Javascript_Html_Video

Javascript 在html5视频播放事件上捕获视频源

javascript html video

Javascript 在html5视频播放事件上捕获视频源,javascript,html,video,Javascript,Html,Video,我的目标是在播放视频时获得视频播放的src 我目前拥有以下代码： <!doctype html> <html> <head> </head> <body> <video width="320" height="240" controls> <source src="video.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg

我的目标是在播放视频时获得视频播放的src

我目前拥有以下代码：

<!doctype html>
<html>
<head>
</head>
<body>
<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

<script type='text/javascript'>
var vid = document.getElementsByTagName('video')[0];
vid.addEventListener('play', function() {
  console.log('video source:',this.src);
}, false);
</script>
</body>
</html>

我这样做是为了看看是否能找到任何引用它的属性。。但我没有看到任何直接引用它的东西？那么，获取源的唯一方法就是抓取子源节点吗？如果是的话。。。然后

我的第二个问题是，如何确定哪个src属性实际用于播放视频？如果video.mp4实际用于播放视频，我想知道该值，但如果video.ogg实际用于播放视频，我想知道该值

您可以这样尝试：

var vid = document.getElementsByTagName('video')[0];

vid.addEventListener('play', function() {
    console.log('video source:',this.currentSrc);
}, false);

您可以这样尝试：

var vid = document.getElementsByTagName('video')[0];

vid.addEventListener('play', function() {
    console.log('video source:',this.currentSrc);
}, false);

使用currentSrc属性获取所选媒体文件。

使用currentSrc属性获取所选媒体文件

HTML5视频元素已经有事件，因此不需要添加侦听器。我会这样做的

检查这个：检查这个：我回去看了看我循环输出的东西，果然它就在那里..我瞎了！谢谢我回去看了看我的循环输出的东西，果然它就在那里……我瞎了！谢谢

var myVid = document.getElementById('videoId');    
if(myVid != null)//if possibility of no video loaded in DOM
{
    myVid.onplay = function () {
        console.log('video source: ' + myVid.currentSrc);
    };
}