makeBCT

#AI #OpenAI #Chatbot #Cloud #WordPress

워드프레스 글 또는 페이지에 동영상 추가 방법

최근에는 동영상을 웹사이트에 직접 올리지 않고 이를 유튜브 또는 Vimeo와 같은 동영상 공유 사이트에 올리고 그 링크를 자신의 워드프레스 사이트에 임베드해서 사용하는 것이 일반적입니다.

 

워드프레스가 4.x대로 버전업이 되면서 유뷰브나 Vimeo와 같은 공유 플랫폼의 콘텐츠를 워드프레스로 임베드하는 과정이 좀 더 진화되어 이제는 동영상 링크를 추가하면 에디터가 알아서 동영상으로 변환해 주는 단계로까지 발전했습니다.

 

 

(1) 유튜브 동영상

 

유튜브 동영상을 워드프레스 에디터에 임베드 할 때 필요한 유튜브 링크는 다음과 같습니다.

 

 

워드프레스유튜브

 

위 링크를 다음과 같이 워드프레스의 에디터에 입력합니다.

 

 

워드프레스유튜브1

 

글을 공개한 다음, 사용자 화면에서 이 글을 본 결과는 다음과 같습니다.

 

 

워드프레스유튜브2

 

유튜브 동영상이 올바르게 추가된 것을 볼 수 있습니다.

 

 

 

5 Responses

  1. 안녕하세요.

    워드프레스를 시작한지 얼마 되지 않았는데요.

    동영상을 업로드 하려는데, 자동 임베드가 돼지 않네요.

    동영상 풀 url, 그리고 한 문장에, 플러그인 비활성화, 테마도 기본 테마로 유지했는데,

    텍스트 형태로만 뜨네요.

    다른 방법으로 앞뒤에 를 삽입해도 되지 않네요.

    무슨 문제일까요?

    1. 안녕하세요,

      설명 만으로는 문제될 것이 없어 보이지만,
      그래도 다음 몇 가지 체크해 보세요.

      1. 동영상이 유튜브에 있는 것인지 아니면 직접 동영상 파일을 올리는 것인지
      유튜브에 있는 동영상의 경우 embed만 하면 되지만 직접 동영상 파일을 올릴 경우는 별도의
      과정을 거쳐야 합니다

      2. 설치된 워드프레스 버전
      이전 버전의 워드프레스에서는 embed 가 되지 않을 수 있습니다

      3. 를 에디터의 비주얼 모드에서 삽입 했는지 텍스트 모드에서 삽입 했는지 여부
      가능한 텍스트 모드에서 코드를 입력하시기 바랍니다.

      감사합니다.

    2. 아 한가지 더 있습니다.

      Jetpack 플러그인 사용하는지요?
      Jetpack 플러그인의 쇼트코드 모듈이 활성화 되어 있는지 여부도 체크해 보세요.

      감사합니다.

  2. 안녕하세요

    워드프레스로 홈페이지를 제작중인데요,
    글 -> 새 글 쓰기 했을 때 동영상을 업로드 하려고 하는데
    Vimeo video ID 를 입력하라고 하는데.. ID 값을 어디서 가져올 수 있는지 알 수 있을까요?

    1. 크롬에서 원하시는 비메오 영상을 재생하신 후 마우스 우클릭 하시면 맨 아래 [검사] 라고 있습니다.
      검사 누르시면 화면 우측에 css 창이 뜨는데 마우스로 움직여 보시면 파랑게 블럭이 지정이 되는 부분이 왼쪽 화면에서도 똑같이 블럭이 지정이 됩니다. 그 부분이 그 코드라는 뜻입니다. 잘 보시면 div id=……………. 이렇게 써 있는 부분이 있습니다.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함 1. Start with the system update sudo apt update...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다. 그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...
사용자 작성 모듈 import 시 에러)(ModuleNotFoundError: No module named
파이썬 모듈을 만들고 테스트 할 때 ModuleNotFoundError: No module named 에러가 발생한 경우 원인 파이썬은 모듈을 불러올 때 모듈 설치 경로와 자신의...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...
WSL2/Ubuntu 22.04 LTS에 Anaconda 설치 
WSL2/Ubuntu 환경에서 Python 버전별로 가상환경을 만드는 방법 중 그나마 Anaconda 방법이 좋은 것 같네요. 설치 방법은 간단합니다. 1. apt update 사용자...