답변 3개
채택된 답변
+20 포인트
1년 전
</p>
<p><style>
.player_btns {
margin: 1em auto;
}
.player_btns button::before {
content: '▶';
}
#player_wrap {
width: 25em;
height: 15em;
background-color: #000;
}
#player_wrap #player {
width: 100%;
height: 100%;
}
</style></p>
<p><script>
function loadplayer(url) {
var player = document.getElementById('player');
player.src = url;
player.play();
}
</script></p>
<p><div id="player_wrap">
<video id="player"></video>
</div>
<div class="player_btns">
<button onclick="loadplayer('<a href="https://www.w3schools.com/html/mov_bbb.mp4')">1</button>" target="_blank" rel="noopener noreferrer">https://www.w3schools.com/html/mov_bbb.mp4')">1</button></a>
<button onclick="loadplayer('<a href="https://www.w3schools.com/tags/movie.mp4')">2</button>" target="_blank" rel="noopener noreferrer">https://www.w3schools.com/tags/movie.mp4')">2</button></a>
</div></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
비버팩토리
1년 전
비디오 태그에 보면 src가 있잖아요
거기서 제이쿼리로 $('#video').attr('src'.'주소'); 를 바꾸면되요
영상이 5개 고정이면 조건문에 맞춰서 주소만 바꾸면 되구요
안되면 문의 주세요 프로필 주소에 있어요 개발비용 부담되는 비용이 아니구요 바로 해드릴게요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
testqwer1년 전
버튼 클릭시 플레이어창의 src를 변경해주면 됩니다!
버튼에 속성으로 링크를 물려서 변경해줘도 되고 아니면 ajax로 변경해줘도됩니다
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택