Blogger 模板无法全屏播放视频

如何解决Blogger 模板无法全屏播放视频

我为 Google Blogger 购买了这个电影库模板，它使用了这个功能

“大屏幕播放器”在每个帖子上，您都需要在 HTML 选项卡上的 iframe 播放器下方使用。

<iframe allowfullscreen="" frameborder="0" height="315" id="bigframe" src="https://www.youtube.com/embed/VIDEO-CODE" width="100%"></iframe>

但我无法为 youtube 视频或谷歌驱动器视频使用全屏模式

我错过了什么？ 我已经尝试联系卖家/开发商，但没有答案...

这是他的全部作品：https://www.templatemark.com/search?&max-results=9 这个开发者销售的所有模板都有同样的问题

这是演示博客前端： https://demotemplatemovie.blogspot.com/2021/07/test-post-1.html

如果您需要访问编辑请求。

非常感谢

解决方法

在 allow="fullscreen" 标签内使用 iframe。或者您可以根据 this answer 使用的其他标签是：

allowfullscreen

mozallowfullscreen

msallowfullscreen

oallowfullscreen

webkitallowfullscreen

示例（您可以在其他地方尝试，因为 Stack Overflow 的编译器在播放时遇到问题）：

<iframe src="https://www.youtube.com/embed/XGk2EfbD_Ps" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

更新：
在jquery的allowfullscreen中添加var c，这样：

$(function() {
    if ($("#bigframe").length > 0) {
        var a = $(".single-post-title").text();
        $("#titlevid").text(a);
        var b = $("#bigframe").attr("src");
        var c = '<iframe src="' + b + '" id="covervideo" frameborder="0" allowfullscreen></iframe>';
        $(c).appendTo("#myvideo");
        $("#bigframe").remove();
    } else $("#myvideo").remove();
});