안녕하세요.

 

사이트 접속할때마다 지정한 아이프레임 영상을 랜덤으로 노출시키려고 하는데요,

웹서핑 중 랜덤 아이프레임 소스를 찾아서 적용을 해보려고 했는데요.

 

메인화면 > 페이지 수정> 내용직접추가에서 첨부파일에 있는 소스를 넣으면, 그 직후에는 영상이 나오는데,

막상 저장 버튼을 누르면 없어져있더라구요.

 

아이프레임 랜덤.txt

 

(다만 사이트 레이아웃 설정에서 특정 부분에 넣으면 정상 작동 됩니다.. 고로 메인화면에서만 문제가 있어 보여서요)

메인화면 내용직접추가 부분에서도 적용되게 하려면 어떻게 해야하는지 알려주시면 정말 감사드리겠습니다..

 

그럼 답변 기다려보겠습니다.

감사합니다.

Atachment
첨부
  • ?
    일단 테스트해봤는데 랜덤 소스자체에는 문제가 없습니다. document.write('1'); 이런식으로 기존 유튜브 태그가 아닌 단순 문자열은 정상출력됩니다.
  • ? ?
    빠른 답변 감사합니다.
    넵 소스상은 문제가 없는 것으로 확인하였습니다.

    이를 테면 레이아웃 설정에서 html사용하는 공간이 있어 거기에 넣고 테스트를 해보니 정상 적용되더라구요~그런데 메인화면에서 페이지 수정 후 내용직접 추가 이 부분에 추가하고 저장을 누르면 없어져있더라구요..
  • ? ?
    이미지 태그도 되네요...
  • ?
    원인 찾았네요. 태그를 안닫아주셨네요
  • ?
    <!-- 랜덤 아이프레임 시작-->
    <SCRIPT language=JavaScript> 
    var how_many_ads = 3; // 불러올 아이프레임의 갯수를 미리 설정 하세요 
    var now = new Date() 
    var sec = now.getSeconds() 
    var ad = sec % how_many_ads; 
    ad +=1;
    //-------- 1번째 아이프레임
    if (ad==1) { 
    document.write('<iframe src="https://www.youtube.com/embed/dpdwX9TVO8s" width="410" height="198" scrolling="no" frameborder="0" />');
    } 
    //-------- 2번째 아이프레임
    if (ad==2) { 
    document.write('<iframe src="https://www.youtube.com/embed/id2q8JxU-YI" width="410" height="198" scrolling="no" frameborder="0" />');
    } 
    //-------- 3번째 아이프레임
    if (ad==3) { 
    document.write('<iframe src="https://www.youtube.com/embed/SVQQWYSxbRU" width="410" height="198" scrolling="no" frameborder="0" />');
    } 
    </SCRIPT>
    <!-- 랜덤 아이프레임 끝-->

     

  • ?
    님께서 올리신 파일에는 iframe태그가 안닫혀있었습니다. 마지막에 /> 이렇게 닫아줘야 정상작동합니다.
  • ? ?

    아.....정말 감사합니다..늦은 시각에 원인을 찾아주셨군요.....
    염치불구하고 하나만 더 여쭤보아도 될까요..?

     

    메인페이지에 해당 소스를 넣으니..페이지 수정 부분이 노출되지 않는데, 혹시 나오게 하는 방법 아실지 궁금하네요!

  • ? ?
    태그를 iframe에서 embed로 바꿔주세요. 정상작동하네요.
  • ?
    <!-- 랜덤 아이프레임 시작-->
    <SCRIPT language=JavaScript> 
    var how_many_ads = 3; // 불러올 아이프레임의 갯수를 미리 설정 하세요 
    var now = new Date() 
    var sec = now.getSeconds() 
    var ad = sec % how_many_ads; 
    ad +=1;
    //-------- 1번째 아이프레임
    if (ad==1) { 
    document.write('<embed src="https://www.youtube.com/embed/dpdwX9TVO8s" width="410" height="198" scrolling="no" frameborder="0" />');
    } 
    //-------- 2번째 아이프레임
    else if (ad==2) { 
    document.write('<embed src="https://www.youtube.com/embed/id2q8JxU-YI" width="410" height="198" scrolling="no" frameborder="0" />');
    } 
    //-------- 3번째 아이프레임
    else if (ad==3) { 
    document.write('<embed src="https://www.youtube.com/embed/SVQQWYSxbRU" width="410" height="198" scrolling="no" frameborder="0" />');
    } 
    </SCRIPT>
    <!-- 랜덤 아이프레임 끝-->

     

  • ?
    if문은 한개만 두시고 밑에는 else if로 해주시는게 무리가 덜 갑니다.
  • ? ?
    정말 감사합니다.
    너무 잘됩니다. 복받으실겁니다!!!
  • ? ?
    데버님, 죄송하지만 하나만 더 여쭤보아도 될까요?
    해당 소스로 설정을 하니, 유튜브 재생버튼을 누르면 전체화면이 되지가 않는데,
    전체화면이 되도록 하는 방식이 있을지 궁금합니다~
    (allowfullscreen, allowfullscreen="true" 두가지 방식을 넣어보았는데 잘 되지가 않더라구요ㅜㅜ)
  • ? ?
    그부분은 저도 잘..