SIR
목록으로

플레이어 창 관하여 질문 합니다 채택완료

박박스피카
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전 조회 4,380
답변 3
목록

2345722159_1714199230.2558.jpg

그냥 한페이지 입니다 

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

 

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

#그누보드5

답변 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>
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

배르만님 만약에 주소가 mp4 아니고 m3u8 일때도 적용 되는가요
Apple Safari 웹 브라우저는 적용 되지만
그 이외 브라우저 에서는 추가적인 라이브러리를 적용해야 합니다.

댓글을 작성하려면 로그인이 필요합니다.

비디오 태그에 보면 src가 있잖아요

거기서 제이쿼리로 $('#video').attr('src'.'주소'); 를 바꾸면되요 

영상이 5개 고정이면 조건문에 맞춰서 주소만 바꾸면 되구요

안되면 문의 주세요 프로필 주소에 있어요 개발비용 부담되는 비용이 아니구요 바로 해드릴게요 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

버튼 클릭시 플레이어창의 src를 변경해주면 됩니다!

버튼에 속성으로 링크를 물려서 변경해줘도 되고 아니면 ajax로 변경해줘도됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

구체 적으로 어떻게 하면 되는가요 초짜여서

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고