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>

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

示例：如果用户单击video1，则脚本警报   “http://www.youtube.com/embed/video1”

如果用户单击video2，则脚本提醒   “http://www.youtube.com/embed/video2”

如果用户单击video3，则脚本提醒   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多个视频跟踪

1 个答案: