在 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 标签?
也许有一些不同的插件?
我需要更改什么才能使视频可用?