为什么ckeditor5中选择的youtube链接在前端看不到?

问题描述 投票:0回答:0

在 laravel 8 / jquery 3.6 / ckeditor5 中,在管理区域中,我单击“插入媒体”标准工具栏 按钮:https://prnt.sc/dpxoza8_CTlC我复制粘贴youtube url ckeditor5 可以正常显示该视频,但问题是我无法在前端部分渲染该视频。 在blade.php 文件中我有几行:

    <div class="news-view-content">
        {!! $news->content !!}
        <hr>
        <hr>
        <hr>
        {{ $news->content }}
    </div>

内容正文为:

<figure class="media">
    <oembed url="https://www.youtube.com/watch?v=hufhhf2MSHU"></oembed>
</figure>

但是我在浏览器中看到的是:https://prnt.sc/s-p6oRP6-TaA

我做了一些检查,发现当我需要显示 youtube 视频时,我可以使用 html 代码,例如:

 <iframe
    src="https://www.youtube.com/embed/key"
    title="_you_tubevideoplayer" frameborder="0"
    allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture;web-share" allowfullscreen>
</iframe>

当我需要显示上传的视频时,我需要使用标签:

<video controls preload="auto"
    class="news-videovideo-jsnews_video_playervjs-theme-forest"
    data-setup='{}' type="video/x-msvideo">
    <source src="http://127.0.0.1:8000/storage/160/sample.avi">
</video>

上述两种方法适用于我的应用程序。

但它们是不同的“oembed”标签,用于默认的ckeditor5工具栏中。是否有一些选项可以使用适合我的情况的标签来更改 oembed 标签?

也许有一些不同的插件?

我需要更改什么才能使视频可用?

html youtube ckeditor5
© www.soinside.com 2019 - 2024. All rights reserved.