jQuery 타이머 만료시 YT 비디오 변경. 페이지를 새로 고칠 때 변경하는 방법

Question

타이머를 일정 시간 동안 늦추려고합니다. 그 당시 YouTube 동영상을 전환하고 싶습니다. 이것 저것 많이 들었습니다. 문제는 페이지가 새 비디오 대신 원본 비디오를로드하는 만료 후 새로 고침하는 경우입니다.

내 현재 HTML이
Pastebin Link 이 countsdown 8 초처럼 보이는 잘 작동합니다. 특정 시간으로 변경하면 작동하지만 .. 새로 고침 문제가 발생할 때입니다.

$(function() { 
     $('#switchtimer').countdown({ 
       alwaysExpire: true,   // run "change_video" if time has already expired when you load 
       until: expire_date,    // timer counts down to expire_date 
       onExpiry: change_video,   // when timer hits 0; run "change_video" 
       }); 
}); 

문제가 alwaysExpire와 것 같다

: 사실, 문서 당으로
: 콜백이 만들어 만료에

카운트 다운 행동을 허용하는 . alwaysExpire를 true로 설정하여 목표 시간 이후에 카운트 다운이 시작 되더라도이 이벤트가 강제로 실행될 수 있습니다.

과 :

이름 - alwaysExpire
유형 - 부울
기본 - 거짓
코멘트 - true의 경우, onExpiry 이벤트가 트리거되는 경우에도 카운터는 목표 시간 이후에 시작합니다. false의 경우, 카운터는 액티브하게 타임 아웃했을 경우에만 트리거합니다.

주문 순서를 변경해 보았습니다. 나는 진실한 시도했다 와 거짓 운 없음. 트리플 철자 검사를했는데 심지어는 alwaysExpire : true,을 alwaysExpire = true으로 대체하려고 시도했지만 아직 아무것도 사용하지 않았습니다. 사실 그 마지막 하나가 모든 것을 다 망 쳤어.

문제가 내 스위칭 코드 일지 궁금해하지만 내 말대로 실제로 실제로 작동합니다 .. 페이지가 실제로 타이머가 만료 될 때로드됩니다.

 function change_video() { 
      ytid = next_vid 
      player.cueVideoById(ytid); 
     } 

참고 : 당신이 그것을 마지막 비디오 있었는지 기억 할 수있는 방법을 제공하지 않기 때문에 당신이 그 문제를 갖는 아주 정상입니다 Timer 키스 우드는

Answer 1

당신의 HTML보고 연주. 로드 할 때 페이지는 항상 다음 비디오로 시작됩니다. var ytid = "CD2LRROpph0"; 및 nextvid 하드 코드 된 있습니다. 이 방법에 접근하는 방법은 쿠키에서 재생중인 현재 비디오를 저장하는 것입니다. 페이지가로드 될 때 쿠키의 값을 먼저 읽습니다. 비어있는 경우 (사용자가이 페이지를 방문한 적이없는 경우) 값. 향후 확장을 위해 모든 동영상 ID를 배열에 저장할 수도 있습니다. 실제 쿠키 코드에 대한 도움이 필요하면 알려주세요. 그러나 이것이 도움이 될 것입니다. 희망이 도움이됩니다. 건배.