메타데이터

Classic/VPC 환경에서 이용 가능합니다.

메타데이터에서는 스크립트 코드를 수정하여 메타데이터의 표시 여부를 설정하는 방법과 표시된 메타데이터에 Click 이벤트를 설정하는 방법을 설명합니다.

메타데이터 표시 여부

descriptionNoVisible 속성으로 플레이어 상단에 메타데이터 표시 여부를 설정할 수 있습니다.
메타데이터를 표시하지 않도록 설정하는 예제는 다음과 같습니다.

// 동영상(MP4)
new ncplayer('video1', {
  autostart: true, // for test
  playlist: [
    { 
        file: 'https://CDN도메인/example_video_01.mp4',
        poster: 'https://CDN도메인/example_image_01.png',
        description:{
            "title": "네이버클라우드 소개", // 제목
            "created_at": "2023.01.01", // 업로드 날짜
            "profile_name": "네이버클라우드", // 업로더 닉네임 또는 채널명
            "profile_image": "https://CDN도메인/example_image_profile.png", // 프로필 이미지 또는 채널 이미지
      },
    },
      descriptionNoVisible: true, // 메타데이터 UI 표시 안 함(false(기본값): 메타데이터 UI 표시)
  ],
});

메타데이터 Click 이벤트

playlist.description 속성으로 플레이어 상단에 메타데이터를 표시하고 클릭 시 이벤트가 발생하도록 설정할 수 있습니다.
예제는 다음과 같습니다.

// 동영상(MP4)
new ncplayer('video1', {
  autostart: true, // for test
  playlist: [
    { 
        file: 'https://CDN도메인/example_video_01.mp4',
        poster: 'https://CDN도메인/example_image_01.png',
        description:{
            "title": "네이버클라우드 소개", // 제목
            "created_at": "2023.01.01", // 업로드 날짜
            "profile_name": "네이버클라우드", // 업로더 닉네임 또는 채널명
            "profile_image": "https://CDN도메인/example_image_profile.png", // 프로필 이미지 또는 채널 이미지
      },
    },
  ],
});