$api_key = 'AIzaSyB453H8LhzWUG-xnNOpyz236Yx4qggwBIo';
$channel_id = 'PLXLxTt8xUmeqb9mtsINxSWSyB1iN1yeGC';
$max_result = 10;

$url = 'https://www.googleapis.com/youtube/v3/search?order=date&part=snippet&channelId='.$channel_id.'&maxResults='.$max_result.'&key='.$api_key;
$video_list = json_decode(file_get_contents($url),TRUE);

foreach ($video_list['items'] as $item) {
    if (isset($item['id']['videoId'])) {
        echo '<div class="">
                <iframe width="750" height="422" src="https://www.youtube.com/embed/'.$item['id']['videoId'].'" frameborder="0" allowfullscreen></iframe>
                <h2>'. $item['snippet']['title'] .'</h2>
            </div>';
    } 
}

$(function() {
    var el = "";
    $.ajax({
        type: "GET",
        url: "https://www.googleapis.com/youtube/v3/search",
        data: {
            order:"date",
            part:"snippet",
            channelId:"PLXLxTt8xUmeqb9mtsINxSWSyB1iN1yeGC",
            key:"AIzaSyB453H8LhzWUG-xnNOpyz236Yx4qggwBIo",
            maxResults:10
        },
        success: function(data){
            $.each(data.items, function(index, item) {
                el  = '<div class="">';
                el += '<iframe width="750" height="422" src="https://www.youtube.com/embed/' + item.id.videoId + '" frameborder="0" allowfullscreen></iframe>';
                el += '<h2>' + item.snippet.title + '</h2>';
                el += '</div>';
                $("body").append(el);
            });
        },
        error: function(response){
            console.log("Request Failed");
        }
    });

});