iframeの後にjavascriptを自動読み込みする方法

Question

iFrameにiFrame埋め込みコードがあり、各iframeの後に自動的にjavascriptを読み込みたいと思います。私はワードプレスを使用しています。

私はこれを作成したいと思う - ユーザーが私の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 width="560" height="315" src="https://www.youtube.com/embed/blablabla" frameborder="0" allowfullscreen></iframe> 

i wanna create like this

Answer 1

オートローディングあなたは​​jqueryの機能を使用する必要がjavascriptの

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

Answer 2

ためのonload関数を使用しています。

iframeを読み込んだ後に発生します。

コードです：

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