oEmbed videos do not allow full screen

Created on 9 October 2018, about 6 years ago
Updated 5 September 2024, 4 months ago

Problem/Motivation

Embedding a video as media remote_video entity does not allow Fullscreen for the video. On the inner frame it says allowfullscreen=""
To allow fullscreen, it would have to say
allowfullscreen="allowfullscreen"
I cannot find how one would influence this, this must have to do with the Oembed implementation.

Filed as a bug report since Fullscreen is a basic feature IMHO.

Proposed resolution

For the maximum cross-browser compatibility copy youtube and add allowfullscreen allow="fullscreen" to the iframe tag.

This aligns with the iframe documentation - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

Remaining tasks

User interface changes

remote video embeds now are allowed to go fullscreen.

API changes

None

Data model changes

None

Release notes snippet

N/a

✨ Feature request
Status

Postponed: needs info

Version

11.0 πŸ”₯

Component
MediaΒ  β†’

Last updated about 14 hours ago

Created by

πŸ‡©πŸ‡ͺGermany eigentor

Live updates comments and jobs are added and updated live.
  • Needs manual testing

    The change/bugfix cannot be fully demonstrated by automated testing, and thus requires manual testing in a variety of environments.

Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡·πŸ‡΄Romania vasike Ramnicu Valcea

    i know it happened and i had this issue .... solving with override template ... years ago.

    Checked again ... and i couldn't replicate anymore ... with both drupal 9 and latest 10.1
    But also the browser were updated ...
    And maybe also what providers provides for their iframes

    for example:
    Vimeo provides both allowfullscreen="" allow="fullscreen"
    YouTube provides only allowfullscreen=""

    So. not sure if this issue is still a "valid one" ... And also the related one ...

    Could we close it as Closed (cannot reproduce) ?

  • Status changed to Postponed: needs info over 1 year ago
  • πŸ‡ΊπŸ‡ΈUnited States smustgrave

    Is anyone seeing this issue still?

    If no response this potentially could be closed.

  • Status changed to Closed: cannot reproduce over 1 year ago
  • πŸ‡ΊπŸ‡ΈUnited States Chris Matthews

    I also cannot reproduce this issue on a clean drupal 10.1.3 install using the latest Firefox (117), Chrome (116) or Safari (Version 16.5.1) so I believe this can be closed as cannot reproduce, but please feel free to reopen if necessary.

  • πŸ‡ΊπŸ‡ΈUnited States johns996 Marquette, MI

    I had this issue show up on my newly updated 10.1 site. #34 fixed the issue and I can go full screen again. I don't know if it makes a difference but my video embeds are all fields within paragraphs.

  • Status changed to Needs review 5 months ago
  • πŸ‡ΊπŸ‡ΈUnited States andyg5000 North Carolina, USA

    I can confirm this is still and issue and that the patch in #34 solves the problem.

    To reproduce the issue, you must set up a different sub-domain for your oembed/iframe on /admin/config/media/media-settings.

    This is a recommend setting by Drupal core for security best practices. If we don't want to just allow iFrame fullscreen for all elements, we should add it as an option that can be enabled to add the dom attribute.

  • Status changed to Needs work 5 months ago
  • The Needs Review Queue Bot β†’ tested this issue.

    While you are making the above changes, we recommend that you convert this patch to a merge request β†’ . Merge requests are preferred over patches. Be sure to hide the old patch files as well. (Converting an issue to a merge request without other contributions to the issue will not receive credit.)

  • Status changed to Needs review 5 months ago
  • πŸ‡ΊπŸ‡ΈUnited States andyg5000 North Carolina, USA

    Rolled #34 into a MR

  • πŸ‡ΊπŸ‡ΈUnited States andyg5000 North Carolina, USA
  • Pipeline finished with Success
    5 months ago
    Total: 583s
    #241996
  • Status changed to Needs work 5 months ago
  • πŸ‡ΊπŸ‡ΈUnited States smustgrave

    Since this seems like a UI change, even a slight one, could before/after screenshots be added to the summary please.

  • Status changed to Needs review 5 months ago
  • πŸ‡ΊπŸ‡ΈUnited States andyg5000 North Carolina, USA

    It looks like they were already on the issue but hidden previously. Revealing them now :)

  • πŸ‡ΊπŸ‡ΈUnited States smustgrave

    So I'm not getting any of that behavior using a YouTube video..

  • Hi,
    I am not able to reproduce the issue in the Drupal 11.x-dev version.

    Steps Followed as per the commands #7. Both safari and Firefox browser are Fullscreen working properly for the oembed videos.

  • Status changed to Postponed: needs info 4 months ago
  • πŸ‡ΊπŸ‡ΈUnited States smustgrave

    Tried again and still not seeing the issue or change.

    Could steps be added to the summary please.

  • πŸ‡ΊπŸ‡ΈUnited States andyg5000 North Carolina, USA

    Hey @smustgrave ,

    Just to clarify... You were unable to reproduce the issue following my steps in #53? I know for sure we had the issue with Vimeo videos and that configuration.

    I see other recent comments mentioning steps from #7, but the separate sub-domain seems to be the culprit so wanted to verify.

  • πŸ‡ΊπŸ‡ΈUnited States smustgrave

    I tested out with YouTube videos maybe that was it?

Production build 0.71.5 2024