iframe youtube 多个视频跟踪

Question

我有一个网页，其中嵌入了几个 iframe youtube 视频。

<html>
<body>
<iframe width="420" height="345" src="http://www.youtube.com/embed/video1"></iframe>
<iframe width="420" height="345" src="http://www.youtube.com/embed/video2"></iframe>
<iframe width="420" height="345" src="http://www.youtube.com/embed/video3"></iframe>
</body>
</html>

在脚本端，我必须找到点击并开始播放的视频。

example: if a user click video1, then the script alert "http://www.youtube.com/embed/video1"

if a user click video2, then the script alert "http://www.youtube.com/embed/video2"

if a user click video3, then the script alert http://www.youtube.com/embed/video3

提前致谢。

Answer 1

您可以使用 YouTube IFrame API ( https://developers.google.com/youtube/iframe_api_reference ) 来响应视频状态变化。向每个 src 添加 ?enablejsapi=1，设置 api 并查看 onStateChange 事件。

JSFiddle

iframe youtube 多个视频跟踪

Iframe youtube multiple videos tracking

javascript

jquery

iframe

youtube