如何在 iframe 之后自动加载 javascript答案

【问题标题】：how to auto load javascript after iframe如何在 iframe 之后自动加载 javascript
【发布时间】：2016-09-21 05:10:30
【问题描述】：

我有 youtube 视频的 iframe 嵌入代码，我想在每个 iframe 之后自动加载 javascript。我使用wordpress。

我想创建这个 - 当用户在我的 wordpress 网站中打开任何帖子/页面时，如果帖子/页面包含任何 iframe，则 javascript 在每个 iframe 之后自动加载。

这是我想在 iframe 之后加载的 javascript。

<script src="https://apis.google.com/js/platform.js"></script>
<script>
function onYtEvent(payload) {
if (payload.eventType == 'subscribe') {
  // Add code to handle subscribe event.
} else if (payload.eventType == 'unsubscribe') {
  // Add code to handle unsubscribe event.
}
if (window.console) { // for debugging only
  window.console.log('YT event: ', payload);
}
}
</script>

<div class="g-ytsubscribe" data-channelid="UC_Lmg76m-DMN_EVURz_G9zw" data-layout="full" data-count="hidden" data-onytevent="onYtEvent"></div>

这是 iframe

<iframe width="560" height="315" src="https://www.youtube.com/embed/blablabla" frameborder="0" allowfullscreen></iframe>

i wanna create like this

【问题讨论】：

标签： javascript php jquery wordpress iframe

【解决方案1】：

使用 onload 函数自动加载 javascript

<iframe onload="onYtevent();" width="560" height="315" src="https://www.youtube.com/embed/blablabla"     frameborder="0" allowfullscreen></iframe>

【讨论】：

【解决方案2】：

你必须使用.load() jquery 函数。

加载 iframe 后触发。

这是代码：

$('iframe').load(function() {
   // here your code
});

【讨论】：