답변 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년 전
배르만님 만약에 주소가 mp4 아니고 m3u8 일때도 적용 되는가요
�
배르만
1년 전
Apple Safari 웹 브라우저는 적용 되지만
그 이외 브라우저 에서는 추가적인 라이브러리를 적용해야 합니다.
그 이외 브라우저 에서는 추가적인 라이브러리를 적용해야 합니다.
댓글을 작성하려면 로그인이 필요합니다.
1년 전
비디오 태그에 보면 src가 있잖아요
거기서 제이쿼리로 $('#video').attr('src'.'주소'); 를 바꾸면되요
영상이 5개 고정이면 조건문에 맞춰서 주소만 바꾸면 되구요
안되면 문의 주세요 프로필 주소에 있어요 개발비용 부담되는 비용이 아니구요 바로 해드릴게요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인