Better YouTube Block – YouTube 동영상, 쇼츠, 재생 목록을 임베드하는 더 나은 방법

설명

기본 YouTube 동영상 임베드 블록은 형편없습니다. 사이트 속도를 저하시킵니다. 페이지에 동영상이 많을수록 더 느려집니다. 이 단일 블록 플러그인이 그 문제를 해결합니다.

이 블록이 기본 블록보다 나은 이유:

• 전체 iframe을 로드하는 대신 동영상 썸네일만 로드하여 성능이 크게 향상되었습니다.
• 사용자 지정 재생 목록으로 여러 동영상 재생 또는 재생 목록 ID 입력 시 전체 재생 목록 재생 기능
• 사용자 지정 이미지를 동영상 썸네일로 사용 기능
• 모든 유형의 YouTube 동영상 표시를 위한 사용자 지정 화면비율 값 설정 기능
• 재생 완료 후 연속 루프 재생 기능
• 초기 동영상과 동일한 채널의 관련 동영상 표시 기능
• 동영상 제목을 캡션으로 자동 로드합니다.
• 기본 core/embed과 동일한 UI를 제공하며, 한 번의 클릭으로 동영상 제목을 블록 캡션으로 사용할 수 있습니다.
• 코어 임베드 블록으로 변환하거나 변환할 수 있습니다.
• 한 줄의 코드로 모든 기본 코어 임베드 YouTube 블록을 이 블록으로 자동 변환합니다.

이 플러그인은 개발자가 YouTube 동영상 URL을 이 블록으로 렌더링하거나, 핵심/임베드된 YouTube 동영상을 자동으로 이 블록으로 변환할 수 있는 PHP API도 제공합니다.

가장 간단한 예시는 다음과 같습니다:

    better_youtube_embed_block_render_block( ['url' => 'https://youtu.be/paSXmpHU9K4'] );

모든 매개변수가 포함된 예시는 다음과 같습니다:

    better_youtube_embed_block_render_block(
      [
        'url'               => 'https://youtu.be/paSXmpHU9K4',
        'aspectRatio'       => '16/9',
        'isMaxResThumbnail' => false,
        'thumbnailFormat'   => 'jpg',
        'caption'           => 'My awesome video',
        'customThumbnail'   => 'https://example.com/bg.jpg',
        'settings'          => ['loop' => 1, 'rel' => 0],
        'echo'              => false,
      ]
    );

사이트의 모든 핵심/임베드된 YouTube 동영상을 자동으로 이 블록으로 변환하려면 다음 코드를 wp-config.php 파일 또는 테마/플러그인에 추가해야 합니다:

    define('BYEB_SPEED_UP_YOUTUBE_VIDEOS', true);

또는

    add_filter( 'byeb_speed_up_youtube_videos', '__return_true' );

IOS에서 Safari 및 Chrome과 같은 브라우저는 동영상 재생에 두 번의 클릭이 필요합니다. 사용자가 한 번의 클릭으로 동영상을 재생할 수 있도록 하려면 다음 코드를 wp-config.php 파일 또는 테마/플러그인에 추가해야 합니다:

    define('BYEB_FORCE_IFRAME_ON_UNSUPPORTED_BROWSERS', true);

이 페이지를 확인해 보세요. 얼마나 빠르게 도움이 되는지 알 수 있습니다. 해당 페이지에는 약 30개의 YouTube 동영상이 삽입되어 있지만 페이지 속도를 저하시키지 않습니다.

이 플러그인이 유용하셨다면, WordPress.org에서 평가를 남겨주시고 간단한 리뷰를 작성해 주세요. 이를 통해 더 많은 분께 알려질 수 있도록 도와주시면 정말 감사하겠습니다.

관심 있으시면 제 다른 플러그인도 확인해 보세요:

• 콘텐츠 블록 빌더 – 이 플러그인은 블록 편집기 내에서 직접 블록, 변형, 패턴을 생성할 수 있도록 하여 코드 편집기 없이도 블록 편집기를 강력한 페이지 빌더로 변환합니다.
• 메타 필드 블록 – 프론트엔드에서 커스텀 필드를 블록 형태로 표시하는 블록입니다. 게시물, 용어, 사용자, 설정 필드의 커스텀 필드를 지원합니다. 쿼리 루프 블록에서도 사용할 수 있습니다.
• SVG 블록 – SVG 이미지를 블록 형태로 표시하는 블록입니다. 이미지, 아이콘, 구분선, 버튼 등에 유용합니다. SVG 이미지를 업로드하여 아이콘 라이브러리에 로드할 수 있습니다.
• 아이콘 분리기 – 코어/분리기 블록과 똑같은 작은 블록이지만 아이콘을 추가할 수 있는 기능을 갖추고 있습니다.
• 브레드크럼 블록 – JSON-LD 구조화된 데이터를 지원하고 WooCommerce와 호환되는 간단한 브레드크럼 경로 블록입니다.
• 블록 향상 기능 – 아이콘, 박스 그림자, 변환 등 블록에 실용적인 기능을 추가합니다.
• 숫자 세기 블록 – 숫자를 표시하면서 세는 효과를 주는 블록

이 플러그인은 @wordpress/create-block을 사용하여 개발되었습니다.