Tumblrのｵﾘｼﾞﾅﾙｽｷﾝを制作しております｡ AutoPagerizeを使用しているのですが､2ﾍﾟｰｼﾞ目以降にJavaScriptが適用されません｡ 2ﾍﾟｰｼﾞ目以降もJavaScriptを動かす…

Tumblrのｵﾘｼﾞﾅﾙｽｷﾝを制作しております｡
AutoPagerizeを使用しているのですが､2ﾍﾟｰｼﾞ目以降にJavaScriptが適用されません｡
2ﾍﾟｰｼﾞ目以降もJavaScriptを動かすためにはどのようにすればいいでしょうか？
ご教授宜しくお願いします｡
なお､使用しているJavaScriptはTumblrのﾋﾞﾃﾞｵの横幅を500px以上に設定するためのものです｡以下参照｡
--------------------------------------
<script type="text/javascript">
$(document).ready(function() {
var embedTag;
$('div.video').each(function(index) {
$( this ).contents().each( function ( index ) {
if ($(this).is('object') || $(this).is('embed') || $(this).is('iframe')) {
var orgWidth = $(this).attr('width');
var orgHeight = $(this).attr('height');
var scale = orgHeight/orgWidth;
var targetWidth = 700;
var targetHeight = targetWidth * scale;
$(this).attr('width', targetWidth);
$(this).attr('height', targetHeight);
}
});
});
});
</script>
--------------------------------------

こちらが参考になると思います｡
http://os0x.hatenablog.com/entry/20090829/1251556449

Tumblr 専用で良いのであれば､AutoPagerize の addFilter を使う方法かな？

追記です｡

実際に動かしてませんから､自信があまり無いのですが､こんな感じになると思います｡

$(document).ready(function() {
 // 質問にあったｺｰﾄﾞから､$(document)ready で実行する部分を切り出してます
 var change_video_size = function(ctx) {
 // jQuery 関数で､第2引数 (context) を追加してます
 $('div.video', ctx).each(function() {
 $(this).contents().each(function() {
 // 省略
 ...
 });
 });
 };

 // まず､ﾍﾟｰｼﾞ読込が完了したら､一回実行
 change_video_size(document);

 // AutoPagerize のﾌｨﾙﾀｰにも､ｻｲｽﾞ変更の関数を登録する
 if (window.AutoPagerize) {
 window.AutoPagerize.addFilter(function(docs) {
 for (var i = 0 ; i < docs.length ; ++i) {
 change_video_size(docs[i]);
 }
 });
 }
});

またまた､追記です｡

Tumblr 専用の autopager だってことで､回答のｺﾒﾝﾄにあったｽｸﾘﾌﾟﾄを読んでみました｡
次ﾍﾟｰｼﾞの処理をした後に､任意の関数を呼ぶような仕組みが無いので､DOMNodeInserted ｲﾍﾞﾝﾄを監視することになると思います｡
こんな感じになるのではないかと思います｡

$(document).ready(function() {

 var change_video_size = ...

 change_video_size(document);
 // と､ここまでは､前と同じ

 // DOMNodeInserted のｲﾍﾞﾝﾄを監視する
 if (tumblrAutoPager) {
 tumblrAutoPager.pp.addEventListener('DOMNodeInserted',function(evt){
 change_video_size(evt.target);
 }, false);
 }
});

どんな要素が追加されるのか､よく分からないのですけれど､本当は条件を付けて絞り込んだ方が良いのかも｡
tumblrAutoPager.pp は､ﾍﾟｰｼﾞを挿入する先の要素が入っているはずです(ｿｰｽを読み違えていなければ)｡

さらに追記です｡

autopager の初期処理と前後するためにｴﾗｰになっているように思います｡
ｲﾍﾞﾝﾄﾘｽﾅｰの登録をﾘﾄﾗｲするようにしてみました｡

$(document).ready(function() {

 var change_video_size = ...

 change_video_size(document);
 // と､ここまでは､前と同じ

 // DOMNodeInserted のｲﾍﾞﾝﾄを監視する
 if (tumblrAutoPager) {
 function add_ev() {
 if (tumblrAutoPager.pp) {
 tumblrAutoPager.pp.addEventListener('DOMNodeInserted',function(evt){
 change_video_size(evt.target);
 }, false);
 console.log("※ DOMNodeInserted listener added !");
 } else {
 setTimeout(add_ev, 0);
 }
 }
 setTimeout(add_ev, 0);
 }
});

addEventListener に成功すると､ﾛｸﾞに一行出力するようにしてます｡
ﾍﾟｰｼﾞの読み込みが完了して､ちょっと経つと､そのﾛｸﾞが出てるはずです(出て欲しい)｡
その後に､二ﾍﾟｰｼﾞ目を表示するとどうなるでしょうか？

＃何度もすみません (^^ゞ