스윙투앱 매뉴얼

게시물 동영상 등록하기(영상 등록방법)

게시판 – 게시물 동영상 등록하는 방법

1)게시물에 동영상을 등록하는 것은 앱에서는 이용이 불가하며, 스윙투앱 웹 대시보드(앱 관리자만 이용가능)에서만 등록할 수 있습니다.

2)동영상 등록 3가지 방법: 동영상 URL 등록, 소스코드 등록, 동영상 파일 첨부 (영상 파일은 MP4파일만 등록 가능)

3) YouTube, 블로그/카페 동영상, 네이버TV에 올린 영상들의 URL 링크 등록 가능

4) 파일로 영상을 첨부할 경우 앱 용량에 집계가 됩니다. 용량을 넘어가지 않도록 확인해주셔야 합니다.

동영상 등록 가장 쉬운 방법은 일반적으로 쉽게 얻을 수 있는 유튜브 동영상 URL(링크)를 복사해서 붙여넣는 방법이에요.

따라서 일반적으로 URL 복사를 많이 이용하고 있구요.

아래 매뉴얼을 통해서 게시물에 동영상 링크를 첨부 및 그외 첨부 방법을 확인해주세요.


 

게시물 관리 이동

앱운영 → 게시물관리에서 작성하고자 하는 게시판으로 이동합니다.

*게시판은 서비스관리- 게시판관리에서 먼저 필요한 게시판들을 만들어 놓은 뒤 게시물관리에서 글을 작성할 수 있습니다.

게시판을 만드는 방법은 아래 포스팅을 참고해주세요.

[게시판 제작방법 보러가기]


 

웹 대시보드에서 게시물을 작성할 때는 2가지 스타일로 이용할 수 있는데요.

일반 글쓰기(간편에디터), HTML에디터를 선택할 수 있어요.

2가지 스타일로  이용하는 방법을 알려드릴게요!!

 

case.1 간편에디터(일반 글쓰기) 선택

1.영상 링크(URL)로 등록하기 

링크를 선택하셔서 유튜브 영상 링크(URL)을 적용할 수 있습니다.

 

▶ 움짤로 적용방법 확인하기 

 

▶ 앱 실행화면) 동영상 확인하기

링크로 영상URL을 넣으시면, 앱에서 화면에 맞게 영상 섬네일이 지정되며 재생이 가능합니다.

 

2. 동영상 파일 첨부하기

링크 외에 동영상 파일 자체를 첨부하는 방법도 있습니다.

파일 업로드를 통해 영상 파일을 불러올 수 있습니다.

 

▶ 움짤로 적용방법 확인하기 

 

그런데  에디터 글작성에서 위의 이미지처럼 동영상  버튼이 보이지 않는다면??

=> 게시판 관리에서 허용범위 설정에 영상첨부에 체크해주셔야 합니다!

게시판관리 -설정- 게시판 및 기능설정 창에서 [허용범위 설정 : 영상첨부에 체크 해주세요]

 

간편 에디터 작업시 간단하게 게시물을 입력 및 동영상을 등록할 수 있습니다.

단, 에디터에서 제공되는 글 꾸미기 기능이 제공되지 않기 때문에 글 꾸미기 옵션을 이용하실 경우 아래 방법을 확인해주세요!


 

Case.2 HTML에디터 글쓰기 선택

여기서 HTML에디터로 선택해서 글을 작성하셔야 동영상 등록 등 다른 글쓰기 옵션을 자유롭게 이용할 수 있습니다.

( HTML에디터 글쓰기: 폰트 크기, 폰트체, 폰트 색상, 표, 웹링크, 사진, 동영상, 음악파일, 서식 등 이용 가능)

 

1. 동영상 URL 붙여넣기

HTML 에디터 글쓰기에서 제공하는 카메라 모양의 [동영상 삽입] 버튼을 누르면 영상을 첨부할 수 있어요.

일반적으로 동영상 URL(유튜브 등에 올려진 영상) 링크를 복사하여 붙여넣는 방법으로 영상을 첨부할 수 있어요~!

URL을 붙여넣은 뒤 삽입 버튼 눌러주시구요.

 

영상이 잘 첨부되었는지 확인 후 내용 및 이미지 등을 첨부한 뒤 [등록] 버튼을 눌러주시면 완료됩니다.

영상 등록 외에 글 작성, 사진 첨부 등의 다른 내용들은 원하는 항목을 선택해서 직접 등록해주세요.

 

동영상 URL은 어디서, 어떻게 가져올 수 있나요?

PC 유튜브 사이트 접속 후 앱에 적용하고자 하는 동영상을 재생시켜주시구요.

**영상 화면 위에 마우스 오른쪽 버튼을 클릭하시면 → ‘동영상 URL 복사’를 선택할 수 있습니다.

URL을 복사한 뒤 위의 동영상 삽입에 붙여넣기 해주시면 됩니다.

 

▶ 앱 실행화면) 동영상 확인하기

게시물에 첨부된 영상 URL은 보시듯이 화면이 딱 맞지 않고 가로 길이에 맞춰 세로가 좀 길게 보이게 되요.

따라서 해당 섬네일을 보완할 수 있는 방법은 소스코드를 가져와서 직접 가로, 세로 길이를 수정할 수 있습니다.

아래 방법으로 확인해주세요.

 

2. 임베디드 코드 붙여넣기

두번째 방법은 임베디드코드로 영상을 넣는 방법인데요.

URL처럼 특정 링크를 가져와 붙여넣는 방법이에요.

장점은 !! 영상 사이즈(프레임 사이즈)를 수정해서 올릴 수 있어서 핸드폰 화면에 맡게 사이즈를 수정해서 올릴 수 있습니다.

[동영상 삽입] 버튼을 누른 뒤, 2번째 ‘임베디드 코드’를 선택해주세요.

임베디드 코드를 붙여넣구요.

*프레임 사이즈- 가로, 세로 사이즈를 수정한 뒤 [삽입] 버튼을 눌러주세요.

*가로: 380, 세로: 210 으로 수정했습니다. 핸드폰에 따라 최적화된 사이즈는 다르며 조금씩 다르게 표시될 수 있습니다.

 

영상이 잘 첨부되었는지 확인 후 내용 및 이미지 등을 첨부한 뒤 [등록] 버튼을 눌러주시면 완료됩니다.

*수정한 프레임 사이즈로 첨부된 영상 크기가 변경된 것을 확인할 수 있습니다.

영상 등록 외에 글 작성, 사진 첨부 등의 다른 내용들은 원하는 항목을 선택해서 직접 등록해주세요.

 

임베디드 코드는 어디서, 어떻게 가져올 수 있나요?

PC 유튜브 사이트 접속 후 앱에 적용하고자 하는 동영상을 재생시켜주시구요.

**영상 화면 위에 마우스 오른쪽 버튼을 클릭한 뒤 → ‘소스 코드 복사’를 선택해주세요.

해당 소스 코드가 임베디드 코드로 사용됩니다.

소스 코드를 복사한 뒤 위의 동영상 삽입 – 임베디드 코드에 붙여넣기 해주시면 됩니다.

 

▶ 앱 실행화면) 동영상 확인하기

 

3. 파일로 영상 첨부하기

[동영상 삽입] 버튼을 누른 뒤, 3번째 비디오 업로드를 선택해주세요.

파일첨부 창이 열리면, 첨부하고자 하는 영상을 선택하여 [열기] 버튼 선택해주세요.

 

영상이 잘 첨부되었는지 확인 후 내용 및 이미지 등을 첨부한 뒤 [등록] 버튼을 눌러주시면 완료됩니다.

★ 영상 파일 첨부 주의사항

영상 파일을 올릴 때는 한 게시물에 올리는 영상 파일 수, 용량은 제한 없이 올릴 수 있습니다.

그러나 스윙투앱에 제공하는 총 앱용량이 정해져있기 때문에 영상 용량이 앱 전체 사용 용량을 넘어가지 않도록 주의해주셔야 합니다.

*앱 제공용량 – 무료앱: 100MB, 기본형유료앱: 2GB , 확장형유료앱:10GB , 프리미엄유료앱: 50GB

*영상 파일을 첨부할 때는 MP4 파일만 등록 가능합니다.

-URL링크를 등록하는 것과 달리 파일을 첨부하여 등록하는 것은 용량을 차지하죠.

-큰 용량의 영상 파일을 올리게 되면, 그만큼 앱에서 차지하는 용량이 늘어나는 것입니다.

따라서 영상은 URL로 등록하는 것을 권장드리며, 파일로 올려야 할 때는 사용중인 앱 용량을 반드시 확인해주셔야 합니다.

*서비스관리 → 리소스관리에서 총 앱 용량, 사용중, 잔여 용량 체크 가능