http://phussa.net/index.html
こちらのサイトの作業をしています。トップページのニュース欄にYouTubeの動画をiflameタグで貼付けていました(これをAとします)。今回の依頼はトップページにUSTREAMを埋め込むという事ですので、配信停止中はクロスフェード画像表示にして埋め込みました(これをBとします)。YouTubeもUSTREAMも各サイトの自動埋め込みタグ生成機能を利用しました。
????????
ustreamを埋め込んだらAもBも、もともと最初にあったAが表示されました。2カ所同じものになってしまいました。あれれ?と思い、Aを削除してBだけにしました。そしたら今度はBの部分にはustreamが表示されるはずなのにAのYouTubeの内容が表示されています。
一回タブを閉じて新しいタブで開いたら直りました。
他のPCでも確認しました。ブックマークからサイトに入ると、やはりBにはA(YouTube)が表示されてました。タブを閉じて新しいタブでブックマークから入らずにアドレスを打ち込んで入ると直りました。(Bには、ちゃんとUSTREAMが表示された)
これは、どういう事がおきているのでしょうか?
1つのhtmlファイルにはiflameは1つしかいれられないのでしょうか?そんなわけないですよね。
どうぞよろしくお願いします。
ブラウザのキャッシュの影響だと思います。
ページをリロードしてもiframeの中身がリロードされなかったりするようです。
「ブラウザ キャッシュ iframe」で対策を見つけて試してみてください。
先生、ありがとうございます。
検索した中でこのサイトが分かりやすかったです。
http://asobicocoro.com/tips/article/80
そのサイトを読んで、僕の理解によると
①ustraemの方のiframeにidをつけて任意の名前をつけます。
②以下のjQueryスクリプト(トリガーのみ)をheadに挿入。
$(document).ready(function(){
$('#任意の名前').each(function() {
this.contentWindow.location.reload(true);
});
});
※jQ本体を読み込む
こんな感じでよいでしょうか?
その方法で解決していれば、もちろんOKでしょう。