MPlayer : HTML5 Media Player
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src umd wrap Feb 21, 2018
test - Feb 13, 2018
.gitignore ignore Feb 20, 2018
LICENSE Initial commit Nov 30, 2016
README.md update readme Oct 2, 2017
config.js 설정변경 Nov 5, 2017
gulpfile.js umd wrap Feb 21, 2018
package-lock.json - Jul 25, 2018
package.json - Jul 25, 2018

README.md

MPlayer : HTML5 Media Player

  • HTML5 video/audio Player
  • ES6 + babel + webpack
  • 디자인 스킨 옵션 (스킨스타일 자동 로드)
  • 알파버전 : 기능 개발 및 테스트 중.. (로컬환경에서 실행가능)

Demo

https://dohoons.github.io/mplayer/demo/

Usage

<video id="my-video">
	<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
</video>

<script src="./mplayer/mplayer.min.js"></script>

<script>
var player = new MPlayer('#my-video'); // default
</script>

Options

Name Type Default Description
skin String 'basic' 스킨 선택
flexible Boolean false 유동 크기 사용 (absolute 100%/100% size)
width String '' 가로 크기 지정 (css width value)
height String '' 세로 크기 (css height value)
currentTime Number 0 시작 시간 (sec)
autoplay Boolean false 자동 재생
loop Boolean false 반복 재생
muted Boolean false 음소거
volume Number 1.0 음량(0 ~ 1)
playbackRate Number 1.0 재생 속도
preload String 'metadata' preload 옵션 (metadata | auto | none)
contextmenu Boolean true contextmenu 사용