답변 3개 / 댓글 3개
채택된 답변
+20 포인트
Copy
<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>
<script>
function loadplayer(url) {
var player = document.getElementById('player');
player.src = url;
player.play();
}
</script>
<div id="player_wrap">
<video id="player"></video>
</div>
<div class="player_btns">
<button onclick="loadplayer('https://www.w3schools.com/html/mov_bbb.mp4')">1</button>
<button onclick="loadplayer('https://www.w3schools.com/tags/movie.mp4')">2</button>
</div>
답변을 작성하려면 로그인이 필요합니다.