plyr.io 사용한 동영상 게시판, 영상 자동재생

plyr.io 활용한 게시판 스킨의 경우, 링크1에 유튜브 영상이 있는 경우, 본문에 동영상이 자동으로 출력되는대 이영상을 자동으로 재생하기 위해서는 아래 2줄을 추가 하면 됩니다.

// Initilize player js
if (typeof Plyr != "undefined") {
	const vidiom_player = Plyr.setup( '.vidiom_player', {
		controls: [
		  'play-large',		// 중앙에 있는 큰 재생 버튼
		  'restart',		// 재생 다시 시작
		  'rewind',			// 탐색 시간(기본 10초)으로 되감기
		  'fast-forward',	// 탐색 시간(기본 10초)으로 빨리 감기
		  'play',			// 재생/일시 정지
		  'progress',		// 재생 및 버퍼링을 위한 진행률 막대와 스크러버
		  'current-time',	// 현재 재생 시간
		  'duration',		// 미디어의 전체 길이
		  'mute',			// 음소거 토글
		  'volume',			// 볼륨 조절
		  'captions',		// 자막 토글
		  'settings',		// 설정 메뉴
		  'pip',			// 화면 속 화면(현재 Safari만 해당)
		  'airplay',		// Airplay(현재 Safari만 해당)
		  'download',		// 현재 소스 또는 옵션에서 지정한 사용자 지정 URL로 연결되는 다운로드 버튼 표시
		  'fullscreen',		// 전체 화면 토글
		],
		disableContextMenu: true,
		quality: true,
        autoplay: true, // 자동 재생 활성화
		muted: true, // 음소거 상태에서 자동 재생
		
	});

	if( vidiom_player ){
		vidiom_player.forEach(( player, index ) =>
			player.on("play", () =>
				vidiom_player
				.filter((p, i) => i !== index)
				.forEach((p) => p.pause())
			)
		);
	}
}