YouTube, vimeo 및 Google 드라이브에서 삽입된 동영상 보기

사용자가 새 URL을 입력할 때마다 YouTube 및 vimeo의 유효한 형식으로 조정해야 하는 약간의 조정을 해야 했고, 약간의 작업이 필요하다고 생각하여 다음 URL을 더 쉽게 만들었습니다. , 여기에 코드를 준비된 상태로 두겠습니다.

암호

프런트엔드

인터페이스의 경우 htmliframe을 사용할 수 있습니다.

<iframe width="100%" height="460" 
src="{{url}}"
title="Video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>

💡 참고: src 속성에서 형식이 지정된 URL을 적용합니다.

백엔드

백엔드의 경우 간단한 방법이 필요합니다.

public function formatUrl($url)
{
        $urlParse = parse_url($url);
        // Extract id from youtube url
        if (strpos($urlParse["host"], 'youtube') !== false) {
            if (isset($urlParse["query"])) {
                parse_str($urlParse["query"], $query);
                return "https://www.youtube.com/embed/" . $query["v"];
            }
            $id = explode("/", $urlParse["path"]);
            return "https://www.youtube.com/embed/" . end($id);
        }
        // Extract id from vimeo url
        if (strpos($urlParse["host"], 'vimeo') !== false) {
            $urlParse = explode("/", $urlParse["path"]);
            return "https://player.vimeo.com/video/" . $urlParse[1];
        }
        // Extract id from google drive url
        if (strpos($urlParse["host"], 'drive.google') !== false) {
            $urlParse = explode("/", $urlParse["path"]);
            $urlParse = array_values(array_filter($urlParse));
            return "https://drive.google.com/file/d/" . $urlParse[2] . "/preview";
        }
}

그게 다야

추가의

전체 PHP 클래스를 원하면 아래를 따르십시오.





<시간/>

읽어 주셔서 감사합니다!

질문, 불만 또는 팁이 있는 경우 여기 댓글에 남겨주세요. 기꺼이 답변해 드리겠습니다!

😊😊 만나요! 😊😊

<시간/>

지원 해줘

Github - WalterNascimentoBarroso

Codepen - WalterNascimentoBarroso