플레이어 창 관하여 질문 합니다

박스피카

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2024-04-27 (토) 15:23:58 4,776

2345722159_1714199230.2558.jpg

그냥 한페이지 입니다

밑에 리스트 도 수동우로 작성 한거구요

질문 어떻게 하면 밑에 리스트 동영상 주소를 클릭 하면 영상이 플에이러 창 안에서 나오게 할 방법이 없을가요

그누보드5

답변 3개 / 댓글 3개

채택된 답변

+20 포인트

배르만

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2024-04-27 (토) 17:30:52

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>