vue.js 비디오보는 중간에 특정시간에 버튼이 활성화되고 누르면 참고이미지 뜨게하기

오늘작업:

<<p class="interact" v-for="(ci, i) in interact[now_page]" v-show="interactive(i)" :class="[\'p\'+now_page, \'i\'+i]" style="position:absolute" :style="ci.css" @click="ci.onclick">\

    </p>\
    <div id="popup" v-if="popup_on">\
        <p class="btn-close" @click="popupExit"></p>\
        <img :src="popup_img" alt="">\
    </div>\>
  
 interactive(i) 는 배열형태의 함수. for문을 돌려서 뿌려준다. 


를 넘겨주고 2번째에 해당하는 이 부분이 for문으로 들어갔으므로, @click=ci.onclick
에 해당하는 일단 vid.pause하고 비디오의 현재 시간은 수동으로 콘솔로그로 찍어서 맞춘다

이미지를 다 보고 엑스를 누르면 엑스를 누르는 버튼을 누르면 vid.play()함수를 넘겨준다.

좋은 웹페이지 즐겨찾기