Laravel / PHP - 将 Youtube 视频嵌入到图像数组中

Question

我是 PHP 和 Laravel 的新手，我有这个登录页面，它在页面正文上显示图像。

我的客户想要添加一个 Youtube 视频而不是其中一张图片，但我不太确定该怎么做。

我尝试在 foreach 循环中添加一个带有 $counter 的 if 语句，它会在 $counter 等于 $i 时显示嵌入的代码，但我要么做错了，要么就是不知道该怎么做正确，因为身体中没有任何东西出现，不是视频也不是图像..

感谢所有帮助，谢谢！

代码如下：

page.php：

public function index($path = "")
{

    $data = $this->data;

        $images = [
            "images/portraits/1.jpg",
            "images/portraits/2.jpg",
            "images/portraits/3.jpg",
            "images/portraits/4.jpg"
        ];

    $data['images'] = $images;
    $counter = 0;
    $data['counter'] = $counter;
    return view($this->folderPath."main",$data);
}

main.blade.php：

    @foreach($images as $i)
       <?php if ($counter == 2)?>
         <?php if ($counter == 2) ?>
            <iframe
             width="560" height="315" 
            src="https://www.youtube.com/embed/VIDEOID? 
            rel=0&amp;controls=0" 
            frameborder="0" allow="autoplay; encrypted-media" 
            allowfullscreen>
            </iframe>
        <div class="cbp-item">
            <a href="{{$i}}" class="cbp-caption cbp-lightbox">
                <div class="cbp-caption-defaultWrap">
                    <img src="{{str_replace(".jpeg","_mini.jpeg",str_replace(".jpg","_mini.jpg",$i))}}" alt="">
                </div>
                <div class="cbp-caption-activeWrap cbp-gray">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <i class="fa fa-expand enlarge-icon"></i>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    @endforeach

Answer 1

你可以根据你的要求做这样的事情

page.php：

public function index($path = "")
{

    $data = $this->data;

        $images = [
            ["type" => "image", "file" => "images/portraits/1.jpg"],
            ["type" => "image", "file" => "images/portraits/2.jpg"],
            ["type" => "image", "file" => "images/portraits/3.jpg"],
            ["type" => "video", "file" => "https://www.youtube.com/embed/tgbNymZ7vqY"]
        ];

    $data['images'] = $images;
    return view($this->folderPath."main",$data);
}
main.blade.php :

    @foreach($images as $i)
        <div class="cbp-item">
            <a href="{{$i['file']}}" class="cbp-caption cbp-lightbox">
                <div class="cbp-caption-defaultWrap">
                    @if($i['type'] == 'image')
                      <img src="{{str_replace(".jpeg","_mini.jpeg",str_replace(".jpg","_mini.jpg",$i['file']))}}" alt="">
                    @else
                      <iframe width="420" height="315"
src="{{ $i['file'] }}">
</iframe>
                    @endif
                </div>
                <div class="cbp-caption-activeWrap cbp-gray">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <i class="fa fa-expand enlarge-icon"></i>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    @endforeach