Make WordPress Core

Opened 7 years ago

Closed 6 years ago

Last modified 6 years ago

#41089 closed defect (bug) (worksforme)

Video Player Full screen issue without play

Reported by: mkrndmane's profile mkrndmane Owned by:
Milestone: Priority: normal
Severity: normal Version: 4.8
Component: External Libraries Keywords:
Focuses: javascript Cc:


After embedding mp4 video on page and without playing, I clicked on full screen button. Full screen does not work normally. It takes size inside browser width. Sometimes looks weird.

After playing video, clicked on full-screen button. Then video gets actual whole screen size.

First I saw issue while working with WPLMS theme. To confirm where is bug I switched theme, updated all plugins and WordPress, issue not resolved.

I tested video with theme twenty seventeen, issue exist there also.

I have attached screenshots below.

Twenty seventeen Theme

WPLMS theme

To try with only HTML code, Took mediaelement folder from wp-includes and created index.html file to check issue, same issue happens. I have paste code below.

I think there might be issue in wp-mediaelement.min.css OR wp-mediaelement.min.js

<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<link href="mediaelementplayer.min.css"  type="text/css" media="all" rel='stylesheet'  />
<link href="wp-mediaelement.min.css"  type="text/css" media="all" rel='stylesheet' />

<script src="" type="text/javascript"></script>
<script src="mediaelement-and-player.min.js" type="text/javascript"></script>
<script src="wp-mediaelement.min.js" type="text/javascript"></script>



<div style="width:80%; margin:0 auto;">

<video id="player1" width="640" height="360" preload="none" style="max-width: 100%"
                            <source src="" type="video/mp4">
                            <track src="dist/mediaelement.vtt" srclang="en" label="English" kind="subtitles" type="text/vtt">

                jQuery('audio,video').mediaelementplayer() ;


Attachments (2) (533.4 KB) - added by mkrndmane 7 years ago.
Screenshots (192.8 KB) - added by mkrndmane 7 years ago.
mediaelement folder with custom html code

Download all attachments as: .zip

Change History (5)

7 years ago


7 years ago

mediaelement folder with custom html code

#1 @swissspidy
7 years ago

  • Component changed from Embeds to External Libraries
  • Focuses ui javascript performance removed
  • Keywords reporter-feedback added

Does updating MediaElement resolve the issue? See #39686 for a patch.

#2 @mkrndmane
6 years ago

  • Focuses javascript added
  • Keywords close added; reporter-feedback removed
  • Resolution set to worksforme
  • Status changed from new to closed

This bug has fixed in latest version of WordPress.

#3 @ocean90
6 years ago

  • Keywords close removed
  • Milestone Awaiting Review deleted
Note: See TracTickets for help on using tickets.