HTML5 Parameters2018-05-13T21:27:27+00:00

Player Parameters

Introduction

에어브로드 플레이어의 설정은 airbroad_player() 함수에서 수정 가능합니다.

airbroad_player() 의 속성 값은 다음 형식으로 입력합니다 :

{“parameter1 name” : value, “parameter2 name” : value, …}

아래 embed code 예제에서 강조되어 있는 부분입니다.

예제 :

<html>
<head>
	...
	<script type="text/javascript" src="http://yourdomain/airbroad.js"></script>
</head>
<body>
	...
	<div id="player_location"></div>
	<script type="text/javascript">
		var player = airbroad_player({
			"container" : "player_location",
			"file" : [“http://yourdomain/test1.mp4”, “http://yourdomain/test2.mp4”,
					“http://yourdomain/test3.mp4”],
			"autoplay" : false, 
			"loop" : false, 
			“controls” : “always” 
			});
	</script>
</body>
</html>

List of available parameters

Name Value Default Description
file string 비디오 URL 리스트  (필수)
file_num  ≥ 0 0 비디오 리스트 중 재생 시작 시 불러올 비디오를 지정합니다.
container string

플레이어를 불러올 위치를 지정합니다.
“container” 값을 지정하지 않으면, 스크립트를 불러온 위치에서 플레이어를 볼러옵니다.

poster string false 포스트 이미지  URL
width  > 0  896 플레이어 너비.
“height” 값은 지정했지만  “width” 값을 지정하지 않으면, 플레이어의 너비가 16:9 비율에 맞게 자동적으로 조정됩니다.
“height”와 “width” 값을 모두 지정하지 않으면, 너비는 896으로 자동 조정됩니다.
height  > 0  504 플레이어 높이.
“width” 값은 지정했지만  “height” 값을 지정하지 않으면, 플레이어의 높이가 16:9 비율에 맞게 자동적으로 조정됩니다.
“height”와 “width” 값을 모두 지정하지 않으면, 높이는 504로 자동 조정됩니다.
controls “always”

“true”

“false”

“none”

“true” “always”로 설정 시, 컨트롤을 항상 보여줍니다.

“true”로 설정 시, 커서를 비디오 위에 두거나 비디오를 터치할 때에만 컨트롤을 보여줍니다.

“false”로 설정 시, 재생 버튼과 전체화면 버튼만 보여주고, 진행 바는 보이지 않습니다.

“none”로 설정 시, 모든 컨트롤과 진행바가 숨겨집니다.

autoplay true, false false true로 설정 시, 비디오 자동재생
loop true, false false true로 설정 시, 비디오 반복재생
start  ≥ 0 재생시작 지점 설정. 미설정 시 비디오를 처음부터 재생합니다.
end  > start 재생종료 지점 설정. 미설정 시 비디오를 끝까지 재생합니다.
auto true, false false true로 설정 시, 해상도를 자동으로 변경합니다.
speed true, false false true로 설정 시, 배속재생 컨트롤을 보여줍니다.