메타데이터

Prev Next

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

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

참고
  • 옵션을 설정하는 속성에 대한 설명은 플레이어 설정을 참고해 주십시오.
  • 메타데이터는 Standard 요금제를 이용하는 경우에만 제공됩니다.

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 표시)
  ],
});
JavaScript

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", // 프로필 이미지 또는 채널 이미지
      },
    },
  ],
});
JavaScript