[WEB] vimeo javascript player api

내가 사용한 예~~

https://github.com/vimeo/player.js


사용하기( 참고로 최신 버전임)
<script src="https://player.vimeo.com/api/player.js"></script>


<iframe id="v_play" src="동영상주소" width="854" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen >
</iframe>

단순 비메오 재생이면 이걸로 끝.


Player를 제어를 하려면 위에 링크를 보고 맞게 자바스크립트로 추가 하면 됨.

제어하기 준비.( 한 페이지에 여러개의 플레이어가 있다면 제어가 하나밖에 안됨.
document.querySelector 땜에 1번만 가능. 그래서 난 꼼수로.....)

var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);

이어보기
player.setCurrentTime(초단위).then(function(seconds) {
    player.pause(); (자동재생이 되길래.정지시킴)
})

자동재생
player.play();

player.on('play', function () {
play 되면 이벤트 발생.
});

player.on('ended', function () {
play 끝나면 이벤트 발생.
});


player.on('pause', function (data) {
stop 를 하면 data['duration','percent','seconds'] 가지고 와서 그걸 이용해서 이벤트 발생.
(중지할때 그 시점이 몇퍼센트인지 저장할때 사용했음.)
});



댓글

이 블로그의 인기 게시물

[문서] excel 체크박스 삭제

[DB] MySQL 백업 / 복원

[WEB] ASP.NET System.NullReferenceException: 개체 참조가 개체의 인스턴스로 설정되지 않았습니다.