도움말 항목에 비디오 컨텐츠 포함

  • 릴리스 버전: Xanadu
  • 업데이트 날짜 2024년 08월 01일
  • 읽기2분
  • 사용자 지정 포함된 도움말 항목에 비디오 컨텐츠에 대한 링크를 포함할 수 있습니다. YouTube 및 Vimeo 비디오 콘텐츠가 지원됩니다.

    시작하기 전에

    필요한 역할: embedded_help_admin 또는 admin

    이 태스크 정보

    HTML 편집기에서 비디오 삽입/편집 아이콘을 사용하여 비디오를 포함할 수 없습니다. 소스 코드를 입력해야 합니다.

    그림 1. HTML 편집기 아이콘
    비디오를 포함하려면 비디오 삽입 아이콘이 아닌 소스 코드 아이콘을 사용합니다.

    관리자는 사용자가 에서 포함된 비디오를 포함된 도움말 시스템 속성볼 수 있는 기능을 비활성화할 수 있습니다.

    프로시저

    1. 비디오의 포함 코드를 얻으려면 다음 단계를 완료하십시오.
      1. YouTube 또는 Vimeo에서 비디오의 위치로 이동합니다.
      2. 비디오에 대한 공유 옵션을 엽니다.
        YouTube에서 텍스트는 동영상 아래에 표시됩니다. Vimeo에서 동영상 옆에 있는 공유 아이콘을 클릭합니다.
      3. 임베드에서 코드를 선택하고 텍스트 편집기에 붙여넣습니다.
      4. 코드를 수정하여 <div> 을 클릭하고 포함된 도움말 콘텐츠 페이지에서 렌더링되지 않는 요소를 제거합니다.
        예를 들어 다음은 YouTube 동영상의 소스 코드입니다. 수정된 코드에는 포함된 비디오의 제목도 포함되어 있습니다. <p> 태그.
        <iframe width="560" height="315" src="https://www.youtube.com/embed/bqh-5yew2yQ"  frameborder="0" allowfullscreen></iframe>

        수정 후 코드는 다음과 같습니다.

        <div class="video"><iframe src="https://www.youtube.com/embed/bqh-5yew2yQ"  allowfullscreen=""></iframe>
        <p class="p">Video: Work at Now</p>
        </div>

        Vimeo 임베드 코드에는 더 많은 속성이 있습니다. 다음 예제와 같이 보이도록 제거합니다. 속성에 대한 YouTube와 Vimeo의 차이점을 allowfullscreeen 확인합니다.

        <div class="video"><iframe src="https://player.vimeo.com/video/67392563" frameborder="0"  allowfullscreen></iframe>
        <p class="p">Video: Work at Now</p>
        </div>
        주:
        예제와 같이 태그 안에 <div class="video"><p> 태그를 포함합니다<iframe>. 관리자가 비디오 콘텐츠를 표시하는 속성을 비활성화하면 태그 내의 <div class="video"> 모든 콘텐츠가 숨겨집니다.
    2. 다음으로 이동 포함된 도움말 > 도움말 컨텐츠를 클릭한 다음 사용자 지정 도움말 항목을 열어 비디오를 포함합니다.
    3. 소스 코드 아이콘(<>)을 클릭합니다.
    4. 비디오 위치 위의 줄 끝에 커서를 놓습니다.
    5. Enter 키를 눌러 빈 줄로 이동하고 수정한 Embed 코드를 입력합니다.
    6. OK(확인)를 클릭한 다음 Update(업데이트)를 클릭합니다.
    7. 비디오가 나타나는지 테스트하려면 방금 업데이트한 콘텐츠를 표시하는 페이지를 연 다음 도움말 패널을 엽니다.