처음에는 완전히로드되지 않았지만 새로 고침 후 작동하는 경우

내 웹 사이트에 Bandcamp의 내장 음악 플레이어가 있으며 페이지가 처음로드 될 때 완전히 완전히로드되지 않지만 새로 고침 후에 제대로 작동합니다. 하지만 부분적으로로드됩니다. 상단의 이미지와 재생 목록의 노래는 나타나지 않지만 현재 노래가있는 중간 부분이 나타납니다.처음에는 완전히로드되지 않았지만 새로 고침 후 작동하는 경우

일반적으로 Chrome 시크릿 창에서 사이트를 열고 iframe을 제대로로드하지 않는 시간의 약 3 분의 2를 열어 테스트합니다. 저는 Wordpress에 있는데 W3 Total Cache와 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

출처

2017-12-19 Michael Briggs

코드 표시 ... – programtreasures

끔찍한 들여 쓰기. 소스 코드를 볼 때 HTML 태그 문제가 있음을 알았습니다. 먼저 수정 한 다음 Google에 다시 문의하십시오. – PHPglue

iframe 코드 (bandcamp 웹 사이트의 삽입 페이지에서 가져온 것)를 게시물에 추가했습니다. 감사! –

은 내가 해결책을 찾은 것 같아요. 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>

출처

2017-12-19 22:31:16

처음에는 완전히로드되지 않았지만 새로 고침 후 작동하는 경우

답변

관련 문제