0

I bought this movie library template for Google Blogger, It uses this feature

"Big Screen Player" On every post, you have to need use below iframe player on HTML tab.

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

but I can't use the fullscreen mode for youtube videos or google drive videos

what I'm missing? I've try to contact the seller / developer but theres no anwser...

here it is all of his work:https://www.templatemark.com/search?&max-results=9 all templates this developer is selling have the same problem

here is the demo blogger frontend: https://demotemplatemovie.blogspot.com/2021/07/test-post-1.html

please if you need access to the edit ask.

thank you very much

Media Time
  • 1
  • 1

1 Answers1

0

Use allow="fullscreen" inside the iframe tag. Or other tags you can use according to this answer are:

allowfullscreen

mozallowfullscreen

msallowfullscreen

oallowfullscreen

webkitallowfullscreen

Sample (You can try it somewhere else as Stack Overflow's compiler is facing issues playing it):

<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>


UPDATE:
Add allowfullscreen in the var c of the jquery, such that:
$(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();
});
m24197
  • 1,038
  • 1
  • 4
  • 12
  • hey, thanks for the reply I've tried and this and It doesn't work... I need to have the id="bigframe" in the code to be able to activate the "Big Screen Player" I think this is the problem... – Media Time Jul 31 '21 at 12:22
  • Please have a look at the updated portion of the answer, this might solve your problem. – m24197 Jul 31 '21 at 13:07
  • Sorry but this also didn't work... if you want I can share my blog back end access with you, just send me your email. thanks again – Media Time Jul 31 '21 at 14:18
  • Actually, I tried the updated solution with your blog and it was working fine. Maybe you can change the jquery code from the Blogger theme code. And, actually I am not good at back end processes and I do not think that the problem is with the back end service. – m24197 Jul 31 '21 at 16:07
  • Thanks iamabdm, It worked, I've to change the jquery code from the Blogger theme html code, like you said, thanks again for your help. – Media Time Aug 01 '21 at 11:40