Automattic / Automattic/jetpack
MOV videos on Story block are displayed upside down
- Dominant language
- PHP
- Stars
- 1.8k
- Forks
- 898
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 774
Description
### Impacted plugin
Jetpack
### Quick summary
When .mov video files are added to a Story block, the video is displayed upright on desktop browser.
Mobile browser displays the video correctly.
### Steps to reproduce
1. Open a post or page editor
2. Add a Story block
3. Add a `.mov` video on the Story block
4. Visit the post or page on the site
### A clear and concise description of what you expected to happen.
Video should be displayed upright.
### What actually happened
Video is displayed upside down as in this post on a user site: https://bnrealestateco.com/2024/12/30/new-homes-kent-washington/
### Impact
One
### Available workarounds?
Yes, easy to implement
### If the above answer is "Yes...", outline the workaround.
Workaround is to convert the video file from `.mov` to `.mp4` using [Handbrake](https://handbrake.fr/), using the steps in the [Recommended Video Settings](https://wordpress.com/support/videopress/recommended-video-settings/) WordPress.com support guide.
### Platform (Simple and/or Atomic)
_No response_
### Logs or notes
_No response_
Contributor guide
Research direction
Start by reproducing the issue in a post or page with a Story block containing a .mov video, then inspect the Story block's video-rendering entry point. Compare desktop and mobile behavior; done means the .mov video displays upright on desktop while remaining correct on mobile.
Written by the indexing model from the issue text.
Assessment
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100