에티테마

유튜브 슬라이드 시간조정 및 시작점 변경하기

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 작성일 23-09-20 16:38

본문

안녕하세요.
유튜브 슬라이드를 사용하면서 특별히 수정할 일이 없어서 시간조정등이 별로 필요하지 않았습니다.
하지만 유튜브 실행시에 회사의 로고나 다른 요인으로 인해서 시작점을 변경해야 할때가 있습니다.
이런 경우 기존에 사용하시는 코드만 변경해주시면 바로 사용이 가능해 집니다.

기존 유튜브 슬라이드는 이미지 + 유튜브 + mp4 영상을 동시에 슬라이드 하기 때문에
유튜브로 다시 슬라이드 지점이 다시 돌아오는 경우 이전에 실행되었던 영상을 이어서 실행되므로 참고 부탁드리겠습니다.

기존에 사용되던 코드를 수정해주세요.

<!-- 이전 유튜브 -->
<div class="item youtube">
    <iframe class="embed-player slide-media" src="https://www.youtube.com/embed/<?php echo $yt_url?>?version=3&vq=hd1080&t=160s&enablejsapi=1&controls=0&fs=0&iv_load_policy=3&rel=0&showinfo=0&loop=1&start=1" frameborder="0" allowfullscreen></iframe>
    <figcaption class="caption ko lh1-5"><i class="material-icons f60 icon_ve">live_tv</i> YOUTUBE<div class="small-text mt20">반응형으로 제작된 홈페이지 입니다.</div></figcaption>
</div>


<!-- 변경할 유튜브 -->
<div class="item youtube">    
    <iframe class="embed-player slide-media" src="https://www.youtube.com/embed/<?php echo $yt_url?>?version=3&start=10&enablejsapi=1&controls=0&fs=0&iv_load_policy=3&rel=0&showinfo=0&loop=1" frameborder="0" allowfullscreen></iframe>  
    <figcaption class="caption ko lh1-5"><i class="material-icons f60 icon_ve">live_tv</i> YOUTUBE<div class="small-text mt20">반응형으로 제작된 홈페이지 입니다.</div></figcaption>
</div>


위 코드를 아래 코드로 변경해주시면 됩니다.
iframe 에서는 시간 t= 대신에 start= 로 사용하며 뒷 부분에 s 를 붙이지 않습니다.
위 코드와 비교해보시면 쉽게 이해하실 수 있으실겁니다.
start=1 로 했을 경우 30 으로 했을 경우 100 으로 했을 경우 다른 화면이 나오는것을 볼 수 있습니다.
초단위로 실행되므로 해당 부분의 영상 시간에 맞춰서 변경해주시면 좋을것 같습니다.
감사합니다.






 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

Total 81건 1 페이지