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())
)
);
}
}