Skip to content

Vimeo Web Fullscreen Button Missing #2587

Open
@nirmal-kc

Description

@nirmal-kc

Is there an existing issue for this?

  • I have searched the existing issues

Current Behavior

Hi,

I am trying to use Vimeo played embedded in using Iframe and I am unable to see the fullscreen button. The same html code works fine when tested using code_pen. However, this doesn't work on my flutter app using flutter_inappwebview. The code_pen example is available here

Below is the code

<html>
<head>
  <style>
    body {
      .video-container {
        position: relative;
        width: 100%;
        height: 100vh;
      }
      iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
  </style>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
</head>
<body>
  <div class="video-container">
    <iframe id="player" src="https://player.vimeo.com/video/47930469?&pip=1&autoplay=1&byline=0&controls=1&title=0&loop=0&dnt=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay; fullscreen">
    </iframe>
  </div>
</body>
</html>

Thanks :)

Expected Behavior

Fullscreen button must be visible when using flutter_inappwebview

Steps with code example to reproduce

Use the above HTML code and check if the vimeo full screen button is visble

Stacktrace/Logs

Stacktrace/Logs
<Replace this line by pasting your stacktrace or logs here>

Flutter version

v3.29

Operating System, Device-specific and/or Tool

MacOS

Plugin version

6.1.5

Additional information

No response

Self grab

  • I'm ready to work on this issue!

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions