Hello,
Thank you for contacting Rank Math support. I’m happy to help you with your iframe title issue.
Adding a title to your iframe is not a bad idea, especially if you are embedding content that is relevant to your page topic. For example, if you are embedding a game on your page, you can use the title attribute to include the name of the game and a brief description of what it is.
To add a title to your iframe, you need to use the following syntax:
<iframe title="Your title here" src="Your source URL here"></iframe>
For example, if you want to embed a game called “Super Mario Bros.” on your page, your code can look something like this:
<iframe title="Play Super Mario Bros. - a classic platform game" src="https://example.com/super-mario-bros"></iframe>
This way, you can provide more context and information to your visitors and search engines about the content of your iframe.
I hope this helps. Please let me know if you have any questions or concerns.
Thank you for using Rank Math.
I was wondering how to implement full screen. I don’t mean the game as wide as the screen, but a button below the game to take players to full screen. You would be of great help.
Hello again,
Thank you for getting back to us on this issue.
You’ll most likely need the help of a developer to make such customizations as that is beyond the scope of Rank Math.
In any case, you’ll most likely need to add a button to your iFrame and then use Javascript and CSS to make the game go full-screen onclick of the button.
Something like this:
<iframe id="iframe_view" src="https://www.example.com/" frameborder="0" scrolling="no" allowfullscreen></iframe>
<button onclick="goFullScreen()">Go Full Screen</button>
- In your JavaScript function, use the
requestFullscreen()
method to make the window go full screen, and then use the classList.add()
method to add a class to the iframe element that makes it fill up the whole screen. For example: https://pastebin.com/YwQCQzBh
- In your CSS code, define the class that you added to the iframe element with the following properties:
width: 100%
, height: 100%
, position: absolute
, top: 0
, left: 0
. For example: https://pastebin.com/cL6W8qBp
These are just examples, and you’ll still need a developer to help you customize the for your exact requirements.
Let us know if you need help with anything else.
Who knows if there is a plugin for wordpress. Thank you for your availability.
Hello,
Thank you for getting back to us.
I assume you’re referring to a WordPress plugin to customize an iframe. If, yes, then you can try searching the WordPress plugin repository. I’m sure there’d be one that’ll meet your requirement – for example https://wordpress.org/plugins/advanced-iframe/
Let me know if you need help with anything else.
Hello,
Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.
If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.
Thank you.