javascript 如何在不使用iframe的情况下在laravel blade中显示youtube嵌入的视频

gjmwrych 于 2023-05-16 发布在 Java

关注(0)|答案(1)|浏览(115)

我使用iframe在我的网页中显示youtube视频。

刀片视频编码

foreach($video_for_homepage as $data)
    <center>
      <div class="owl-item" style="width: 100%;">                
          <div class="quote-body">
            <iframe class="col-md-12 col-lg-12 col-sm-12" src="{{ $data->links }}" frameborder="0" style="height: 350px;" allow="autoplay; encrypted-media" allowfullscreen></iframe>
          </div>
      </div>
    </center>
@endforeach

在谷歌搜索之后，我用{!! Embed::make($data->video_link)->parseUrl()->getIframe() !!}更新了iframe标签。
但在inspect element之后，它还显示iframe。
据我所知，使用iframe来显示视频是导致网页速度变慢的原因。这就是为什么我想在不使用iframe的情况下在我的网页中显示youtube视频。
如何解决这个问题。
有人帮忙吗？先谢谢你了

JavaScript

来源：https://stackoverflow.com/questions/76251074/how-to-show-youtube-embeded-videos-in-laravel-blade-without-using-iframe

1条答案

按热度按时间

zfciruhq1#

有很多种方法。您也可以尝试plyr.io

<link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css" />
<div class="plyr__video-embed" id="player">
    <video>
        <source src="{{ $videoUrl }}" type="video/mp4">
    </video>
</div>
<script src="https://cdn.plyr.io/3.6.8/plyr.js"></script>
<script>
    const player = new Plyr('#player');
</script>

如果你想严格使用<iframe>，那么看看loading="lazy"

赞(0）回复(0）举报 2023-05-16

我来回答

javascript 如何在不使用iframe的情况下在laravel blade中显示youtube嵌入的视频

1条答案

相关问题

热门标签

最新问答