채택완료

유튜브 전체 보기가 안되서요.

2018-05-21 (월) 10:07:59 3,532

게시판에 아래 소스를 사용해서 유튜브 주소를 넣고있는데

전체보기를 클릭하면 사용할수 없습니다..라고 메세지가 나오네요

혹시 전체화면이 되게 할수 있을까요?

view.skin.php

Copy
<?php if($view['wr_link1']) { ?>
   <iframe style="width:100%;height:480px;" frameborder="0" src="https://www.youtube.com/embed/<?php echo $youtube_key; ?>?autoplay=1&rel=0" class="video-frame stopWhenVideoModal"></iframe>
   <?php } ?>

style.css

Copy
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

<iframe ~ > 에 

allowfullscreen 에 추가로

webkitallowfullscreen mozallowfullscreen 

도 넣어보셨으면 합니다.

답변에 대한 댓글 1개

알려주신데로 했는데 익스에서는 전체보기가 안되네요
브라우저에서 전체화면을 지원하지 않습니다... 이런 안내 메세지가 나오네요
Copy
<iframe style="width:100%; height:480px" src="https://www.youtube.com/embed/<?php echo $youtube_key; ?>?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen class="video-frame stopWhenVideoModal"></iframe>

위 코드로 적용해보세요.

답변에 대한 댓글 1개

답글 감사합니다.
알려주신 소스를 적용했더니 익스에서는 안되고
크롬에서는 잘 되네요.

답변을 작성하려면 로그인이 필요합니다.