클래식 페이지에 비디오, 오디오 또는 이미지 추가
적용 대상
SharePoint Server 2016 SharePoint Server 2013 Enterprise Microsoft 365의 SharePoint SharePoint Foundation 2013 SharePoint Server 2010

클래식 SharePoint 페이지에 미디어 (예: 비디오, 오디오 또는 이미지)를 추가할 수 있습니다. 미디어 파일은 컴퓨터, SharePoint 또는 파일 공유와 같은 다른 위치에서 얻을 수 있습니다. YouTube, Vimeo 또는 Hulu 루 등의 비디오 공유 웹 사이트에서 비디오를 포함할 수 있습니다.

경고: 에서 오디오 파일을 업로드 하는 경우. 대부분의 브라우저에서 잘못 된 메시지가 표시 될 수 있습니다. "미디어 플레이어 웹 파트에서이 형식의 파일을 재생할 수 없습니다." 라는 메시지가 나와 있습니다. 이는 Chrome을 제외한 지원 되는 모든 브라우저에서 올바르지 않습니다. 메시지를 무시 하 고 계속 해 서 파일을 업로드 합니다.

중요: 이 절차를 따르려면 페이지를 편집할 수 있는 권한이 있어야 합니다.

클래식 SharePoint, 2016 또는 2013 페이지에 비디오 삽입

  1. 미디어를 추가할 페이지로 이동 합니다.

  2. 페이지 탭을 선택 합니다. 그런 다음 리본 메뉴에서 편집을 클릭 합니다.

  3. 페이지에서 편집 가능한 영역 안을 클릭 합니다.

  4. 삽입 탭을 선택 하 고 리본 메뉴의 미디어 그룹에서 비디오 및 오디오를 클릭 합니다.

    편집 리본 메뉴에 비디오 또는 오디오 삽입 단추

  5. 다음과 같은 옵션이 표시 됩니다.

    • 컴퓨터에서

    • 포함

    • SharePoint에서

    • 보낸 사람 주소

    이러한 옵션 중 하나를 사용 하 여 미디어를 삽입 하는 방법에 대 한 자세한 내용은 다음 링크 중 하나를 클릭 합니다.

컴퓨터에서 파일을 업로드 하려면 다음 단계를 따르세요.

  1. 컴퓨터에서를클릭 합니다.

  2. 원하는 파일의 위치로 이동 하 여 파일을 선택한 다음 열기를 클릭 합니다.

  3. 파일을 저장 하려는 대상 라이브러리를 지정 합니다.자산 라이브러리를 대상으로 지정 하는 것이 좋습니다. 자산 라이브러리는 특히 미디어를 위해 디자인 되었으며 비디오에 대 한 이미지 미리 보기 및 축소판 그림과 같은 기능을 자동으로 포함 합니다. 이러한 기능을 사용 하 여 더 쉽게 미디어 파일 작업을 수행할 수 있습니다.미디어 파일에 대 한 자산 라이브러리를 설정 하는 방법에 대 한 자세한 내용은 이미지, 오디오 또는 비디오 파일을 저장할 자산 라이브러리 설정을참조 하세요.

  4. 확인을 클릭합니다.

YouTube, Vimeo, Hulu 루 또는 유사한 사이트와 같은 비디오 공유 웹 사이트의 비디오를 포함 하려면 다음 기본 단계를 따르세요.

비디오 사이트에서 다음을 수행 합니다.

  1. 사용 하려는 비디오를 표시 합니다.

  2. 비디오를 찾아 공유 를 클릭 합니다.

  3. 사이트에 따라 Embed 링크를 클릭 해야 할 수도 있고 그 위치에 있을 수도 있습니다. Embed 태그를 클릭 하 고 다음을 누릅니다. Ctrl+C 복사 하거나 마우스 오른쪽 단추로 클릭 하 고 상황에 맞는 메뉴에서 복사 를 클릭 합니다.

보안 정보: 보안상의 이유로 SharePoint는 <iframe> 태그가 있는 embed 코드만 지원 합니다.

SharePoint 사이트에서 다음을 수행 합니다.

  1. Embed를 클릭합니다.

  2. 그런 다음 대화 상자에 embed 태그를 붙여 넣습니다.

    비디오 공유 사이트에서 복사한 비디오에 대 한 embed 태그를 포함 하는 <iframe> 스크린샷. Embed 코드는 가공의 것입니다.

    팁: 일반적으로 인기 비디오 공유 사이트의 비디오에 대 한 embed 태그를 쉽게 가져올 수 있습니다. Embed 또는 Share 옵션을 찾은 다음 화면의 지시에 따라 embed 태그를 표시 합니다. Embed 태그가 나타나면 복사한 다음 앞의 그림과 같이 코드를 붙여넣습니다.

  3. 삽입을 클릭합니다.

SharePoint 사이트의 위치에서 비디오를 추가 하려면 다음 단계를 따르세요.

  1. SharePoint에서를 클릭 합니다. 그러면 자산 선택이 열리고 원하는 폴더 또는 라이브러리를 찾을 수 있습니다.

  2. 비디오 및 오디오 파일이 저장 되는 자산 라이브러리와 같은 사이트의 위치를 찾습니다.

  3. 원하는 파일을 선택한 다음 삽입을 클릭 합니다.

웹의 다른 위치에 있는 비디오를 추가 하려면 다음 단계를 따르세요.

  1. 보낸 사람 주소를 클릭 합니다.

  2. 사용할 파일의 URL을 입력 한 다음 확인을 클릭 합니다. URL은 비디오 파일을 직접 가리켜야 합니다. 예: http://contoso.com/VideoFile.wmv.

페이지에 비디오 또는 오디오를 추가 하면 SharePoint에서 미디어 웹 파트를 삽입 합니다. 미디어를 추가한 후 웹 파트를 사용자 지정할 수 있습니다. 예를 들어 크기 또는 위치를 변경 하거나, 제목을 편집 하거나, 카탈로그 로고를 추가할 수 있습니다.

페이지에 비디오를 추가할 때마다 콘텐츠의 캡션 및 오디오 설명을 포함해야 합니다. 캡션은 청각 장애가 있는 사용자가 콘텐츠에 대해 알 수 있게 해주며 비디오를 시청하는 원어민이 아닌 사람에게 도움을 제공합니다.

페이지에서 미디어 웹 파트를 변경 하려면 다음 단계를 따르세요.

  1. 비디오가 포함 된 페이지로 이동 합니다.

  2. 페이지 탭을 선택 하 고 편집을 클릭 합니다.

  3. 페이지에 비디오가 나타나면 비디오 이미지의 아무 곳 이나 클릭 하 여 미디어 탭과 리본 메뉴를 엽니다.

    편집 리본 메뉴의 미디어 탭

  4. 리본 메뉴의 미리 보기 그룹에서 이미지 변경을 가리켜 오디오 또는 비디오 파일에 대 한 미리 보기로 표시 하려는 이미지 파일을 선택 합니다. 미리 보기 이미지를 업데이트 하지 않으면 파일 형식에 대 한 기본 이미지가 표시 됩니다.

  5. 속성 그룹에서 표시 되는 제목을 입력 하거나 변경할 수 있습니다. 또한 페이지를 로드할 때 파일을 자동으로 재생할지 또는 중지 될 때까지 반복 해야 하는지 여부를 지정할 수 있습니다.

  6. 리본 메뉴의 플레이어 스타일 그룹에서 스타일 을 가리켜 플레이어에 대해 선호 하는 스타일을 선택 합니다.

  7. 리본 메뉴의 크기 그룹에서 플레이어의 가로 및 세로 크기에 대 한 변경 내용을 지정 하도록 선택할 수도 있습니다.

  8. 미디어 웹 파트를 편집 하려면 미디어 제목 위에 마우스 커서를 놓은 다음 표시 되는 화살표를 클릭 하 여 미디어 웹 파트 메뉴를 엽니다.

    웹 파트 편집을 선택 하는 웹 파트 메뉴

  9. 웹 파트 편집 을 선택 하 여 화면 측면에서 편집 창을 엽니다.

  10. 웹 파트 편집 패널에서 변경 하려는 속성을 선택 합니다. 변경 작업을 마치면 적용을 클릭 합니다.

    구성 가능한 몇 가지 속성을 보여 주는 미디어 웹 파트 편집 창 스크린샷

  11. 확인 을 클릭 하 여 편집 창을 닫고 페이지로 돌아갑니다.

  12. 페이지 변경을 마쳤으면 페이지 탭을 선택한 다음 저장을 클릭 합니다. 페이지가 사용자에 게 체크 아웃 된 경우 링크를 포함 하 여 경고 메시지를 표시 하 고이를 체크 인할 수 있습니다.

훨씬 작은 얇고 컨트롤 막대를 웹 페이지에 배치 하는 방법은 다음과 같습니다. 이 컨트롤 막대는 전체 미디어 웹 파트가 너무 큰 팟캐스트 등의 오디오 파일에 가장 적합합니다.

  1. 오디오 파일 및 내용 파일을 사이트 자산 폴더로 업로드합니다.

    1. 설정 메뉴를 열려면 오른쪽 위 모서리에서 설정을 선택 합니다.

    2. 사이트 콘텐츠 링크를 선택합니다.

    3. 사이트 자산 폴더로 이동합니다.

    4. 오디오 및 성적 파일을 폴더로 끌어 놓습니다.

    5. 파일의 URL을 가져옵니다. 파일 작업 메뉴를 열려면 파일 이름 옆에 있는 줄임표를 선택합니다. 작업 메뉴에서 링크를 복사하여 다른 파일에 붙여넣습니다. 오디오 Embed 태그에서 나중에 이 링크가 필요합니다.

  2. 편집 리본 메뉴를 열고 편집 모드로 전환하려면 비디오를 표시하려는 페이지에서 편집 링크를 선택합니다.

  3. 비디오를 표시할 위치에 포커스를 놓습니다.

  4. 포함 대화 상자를 열려면 삽입 탭에서 비디오 및 오디오 그룹을 열고 포함을 선택합니다.

    SharePoint Online의 포함 대화 상자를 사용하여 비디오 또는 오디오 파일의 스크립트나 포함 코드를 붙여넣고 코드를 삽입하는 스크린샷.
  5. "src =" 다음과 따옴표 사이에 오디오 파일의 URL과 함께 Embed 태그를 필드에 붙여넣습니다.

    <audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>

    이 코드는 페이지에 미디어 컨트롤 막대를 배치합니다. 이 막대에서 재생을 시작하고 중지할 수 있습니다.

    팁: Embed 태그의 형식이 잘못되었거나 존재하지 않는 파일 위치를 가리키는 경우 삽입 단추가 활성화되지 않습니다.

  6. 작업을 마쳤으면 삽입 을 선택 하 여 오디오 컨트롤을 페이지에 추가 합니다. 포함된 오디오 컨트롤 모양은 다음과 같습니다.

    SharePoint Online에서 오디오 파일의 총 시간을 표시하며 파일 재생을 시작하고 중지하는 컨트롤을 제공하는 코드 조각 오디오 컨트롤 막대의 스크린샷.
  7. 오디오 컨트롤 조각의 끝에 포커스를 놓고, 다음 줄로 이동하려면 Enter 키를 누릅니다.

  8. 오디오 내용 파일에 대한 링크를 삽입합니다.

    1. 자산 선택 대화 상자를 열려면 삽입 탭에서 링크SharePoint에서를 선택합니다.

    2. 오디오 내용 파일을 선택하고, 삽입을 누릅니다. 파일의 이름이 링크 텍스트로 포함된 하이퍼링크가 삽입됩니다.

    3. 파일 이름의 마지막 문자 바로 앞에 있는 링크에 포커스를 놓습니다. 백스페이스를 천천히 사용하여 파일 이름의 첫 번째 문자와 마지막 문자를 제외하고 모든 문자를 제거합니다.

      팁: 링크는 그대로 있으며 링크 텍스트를 변경할 수 있도록 하는 데 필요한 위치에 정확히 커서가 유지됩니다.

    4. 링크에 대해 원하는 텍스트를 입력합니다. 예를 들어 오디오 내용의 경우 오디오 내용 보기를 입력합니다.

    5. 파일 이름의 나머지 문자를 삭제합니다.

  9. 작업을 완료한 후 모든 변경 내용을 저장하려면 페이지 맨 위에 있는 저장을 클릭합니다.

SharePoint 클래식을 사용 하는 경우 페이지에 Office 365 비디오 또는 Microsoft Stream 를 추가할 수 있습니다. Microsoft 365 비디오에서 비디오 포함 또는 스트림 웹 파트 사용을 참조 하세요.

사진, 이미지, 클립 아트 또는 오디오를 사용하는 경우 저작권을 지킬 책임이 있습니다.

  1. 편집 리본 메뉴를 열고 편집 모드로 전환하려면 편집하려는 페이지에서 편집 링크를 선택합니다.

  2. 그림을 표시할 위치에 포커스를 놓습니다.

  3. 이미지 업로드 대화 상자를 열려면 삽입 탭에서 그림 그룹을 열고 컴퓨터에서를 선택합니다.

    SharePoint Online 리본의 스크린샷. 삽입 탭을 선택한 다음 그림을 선택하여 컴퓨터, 웹 주소 또는 SharePoint 위치에서 파일을 업로드할 것인지 선택합니다.

    팁: 이미지 URL을 붙여넣어 인터넷의 그림을 삽입하려면 웹 주소에서를 선택합니다. SharePoint 사이트의 이미지를 삽입 하려면 SharePoint에서를선택 합니다.

  4. 파일을 선택 하 고 SharePoint 사이트의 대상 폴더를 선택 하 고 (기본 선택 사항은 사이트 자산 폴더) 다른 이미지 버전에 대 한 메모를 포함 합니다.

  5. 그림을 삽입 하 고 이미지 탭을 활성화 하려면 확인을 선택 합니다.

    이미지 탭이 선택된 SharePoint Online 리본 섹션과 선택, 속성, 스타일, 정렬, 크기 및 간격 그룹에서 사용할 수 있는 선택 항목을 보여주는 스크린샷.

    팁:  이미지 탭은 이미지를 선택한 경우에만 표시됩니다.

  6. 이미지 탭의 대체 텍스트 상자로 이동하고, 이미지의 대체 텍스트를 입력합니다.

  7. 마쳤으면 저장을 클릭합니다.

접근성 팁   

  • 대체 텍스트는 간결하지만 설명적이어야 합니다.

  • 적절한 대체 텍스트는 청취자에게 그림이 중요한 이유를 알려 줍니다.

예제와 자세한 정보 링크를 비롯하여 대체 텍스트에 대한 자세한 내용은 WebAIM 대체 텍스트 페이지를 참조하세요.

지원 되는 비디오 형식

미디어 웹 파트는 HTML5 비디오를 사용 하 고 .asf, .avi, .mpg,. l t,. l t,. ogv,. m a p, .wma, .wmv 비디오 형식을 지원 합니다.

클래식 Silverlight 미디어 웹 파트는 .asf,. mp3,. mp4, .wma, .wmv를 지원 합니다.

참고: 위의 모든 형식이 지원 되지만 일부 형식은 상자에서 액세스할 수 없습니다 (예: .wmv). 대부분의 접근성 높은 솔루션에는. mp4 형식을 사용 하세요.

도움이 더 필요하세요?

더 많은 옵션을 원하세요?

구독 혜택을 살펴보고, 교육 과정을 찾아보고, 디바이스를 보호하는 방법 등을 알아봅니다.