インラインフレームを完全に最初にロードされますが、リフレッシュ

Question

後に動作していない私は私のウェブサイト上のBandcampから埋め込まれた音楽プレーヤーを持っており、それは多くの場合、完全にページがロードされる最初の時間をロードしませんが、それはリフレッシュした後、正常に動作します。しかし、部分的にロードされます。上部の画像とプレイリストの曲は表示されませんが、現在の曲の中央の領域が表示されます。

私は通常、それが適切にIFRAMEをロードしませんが、時にはそれがない窓や時間の約2/3rdsシークレットChromeでサイトを開くことで、これをテストします。 私はWordpressの上だと私はW3トータルキャッシュとCloudFlareの両方を無効にすることを試みたが、それはそれに影響を与えていないようです。 iframeが完全に読み込まれているかどうかを確認するためのアイデアや方法はありますか？

のウェブサイトがあるhttps://civilaudio.com ありがとうございました！

のiframeコードは次のとおりです。

<iframe id="home_mobile_bandcamp_player" src="https://bandcamp.com/EmbeddedPlayer.html/ref=https%253A%252F%252Fcivilaudio.com%252F/album=2271044833/size=large/bgcol=ffffff/linkcol=333333/artwork=none/transparent=true/" seamless><a href="https://civilaudio.bandcamp.com/album/selected-audio-samples">Selected Audio Samples by Civil Audio by Michael Briggs</a></iframe> 

Screenshot of problem

Answer 1

私は解決策を見つけたと思います。 iframe内のURLの最後にランダムな偽のクエリ文字列を追加すると、正しく読み込まれるようになります。

<iframe id="bandcamp_iframe_left" style="border: 0; width: 100%; height: 900px;" seamless></iframe> 
<script> 
var iframe = document.getElementById('bandcamp_iframe_left'); 
iframe.src = 'https://bandcamp.com/EmbeddedPlayer.html/ref=https%253A%252F%252Fcivilaudio.com%252F/album=2271044833/size=large/bgcol=ffffff/linkcol=333333/transparent=true/?ignore='+Math.floor(Math.random() * 1000); 
</script>