Closed Bug 1230678 Opened 4 years ago Closed 3 years ago

youtube shows black line 720p & 1080p videos in normal view mode

Categories

(Core :: Audio/Video: Playback, defect, P1)

defect

Tracking

()

VERIFIED FIXED
Tracking Status
platform-rel --- +
firefox-esr60 --- affected
firefox64 --- affected
firefox65 --- affected
firefox66 --- affected

People

(Reporter: desqpio, Unassigned, NeedInfo)

Details

(Whiteboard: [platform-rel-Youtube])

Attachments

(1 file)

Attached image blackline.png
User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:42.0) Gecko/20100101 Firefox/42.0
Build ID: 20151029151421

Steps to reproduce:

Whenever I switch to 720p or 1080p in normal view mode a black line appears on the right side of the video. I reproduced this "bug" with four diffrent pc. try to fix it I checked graphic card drivers to upgrade/downgrade and instal older versions of firefox but issue still remains.
OS: Unspecified → Windows 10
Hardware: Unspecified → x86_64
perfect 
I could reproduce this on my windows 7, firefox developer edition(today's build of course)
moving to something more appropriate
Status: UNCONFIRMED → NEW
QA Whiteboard: [bugday-20151130]
Component: Untriaged → Audio/Video
Ever confirmed: true
OS: Windows 10 → All
Product: Firefox → Core
Version: 42 Branch → Trunk
can you reproduce it on beta ? (43)
Yes, it happens with all four releases.
Could you please try setting the preference (in about:config) media.hardware-video-decoding.enabled to false.

Can you please provide more details about your machine? CPU, graphic cards etc... (e.g. the content of about:support)

thank you
it is all the same after setting media.hardware-video-decoding.enabled to false

here is full about support:

Application Basics
------------------

Name: Firefox
Version: 44.0a2
Build ID: 20151203004003
Update Channel: aurora
User Agent: Mozilla/5.0 (Windows NT 6.1; rv:44.0) Gecko/20100101 Firefox/44.0
Multiprocess Windows: 1/1 (default: true)
Safe Mode: false

Crash Reports for the Last 3 Days
---------------------------------

All Crash Reports

Extensions
----------

Name: ADB Helper
Version: 0.8.6
Enabled: true
ID: adbhelper@mozilla.org

Name: Valence
Version: 0.3.3
Enabled: true
ID: fxdevtools-adapters@mozilla.org

Name: Firebug
Version: 2.0.13
Enabled: false
ID: firebug@software.joehewitt.com

Name: Lightbeam
Version: 1.3.0.1-signed
Enabled: false
ID: jid1-F9UJ2thwoAm5gQ@jetpack

Name: SaveFrom.net helper
Version: 4.86.1-signed
Enabled: false
ID: helper@savefrom.net

Graphics
--------

Adapter Description: Intel(R) G41 Express Chipset
Adapter Drivers: igdumdx32 igd10umd32
Adapter RAM: Unknown
Asynchronous Pan/Zoom: none
Device ID: 0x2e32
Direct2D Enabled: Blocked for your graphics card because of unresolved driver issues.
DirectWrite Enabled: false (6.2.9200.17461)
Driver Date: 10-4-2012
Driver Version: 8.15.10.2869
GPU #2 Active: false
GPU Accelerated Windows: 0/1 Basic (OMTC)
Subsys ID: 00000000
Supports Hardware H264 Decoding: No; Hardware video decoding disabled or blacklisted
Vendor ID: 0x8086
WebGL Renderer: Google Inc. -- ANGLE (Intel(R) G41 Express Chipset Direct3D11 vs_4_0 ps_4_0)
windowLayerManagerRemote: true
AzureCanvasBackend: skia
AzureContentBackend: cairo
AzureFallbackCanvasBackend: cairo
AzureSkiaAccelerated: 0

Important Modified Preferences
------------------------------

accessibility.typeaheadfind: true
accessibility.typeaheadfind.flashBar: 0
browser.cache.disk.capacity: 358400
browser.cache.disk.filesystem_reported: 1
browser.cache.disk.hashstats_reported: 1
browser.cache.disk.smart_size.first_run: false
browser.cache.disk.smart_size.use_old_max: false
browser.cache.frecency_experiment: 2
browser.download.importedFromSqlite: true
browser.places.smartBookmarksVersion: 7
browser.sessionstore.upgradeBackup.latestBuildID: 20151203004003
browser.startup.homepage: about:home
browser.startup.homepage_override.buildID: 20151203004003
browser.startup.homepage_override.mstone: 44.0a2
dom.apps.reset-permissions: true
dom.mozApps.used: true
extensions.lastAppVersion: 44.0a2
font.internaluseonly.changed: false
gfx.crash-guard.d3d11layers.appVersion: 44.0a2
gfx.crash-guard.d3d11layers.deviceID: 0x2e32
gfx.crash-guard.d3d11layers.driverVersion: 8.15.10.2869
gfx.crash-guard.d3d11layers.feature-d2d: false
gfx.crash-guard.d3d11layers.feature-d3d11: false
gfx.crash-guard.glcontext.gfx.driver-init.direct3d11-angle: false
gfx.crash-guard.glcontext.gfx.driver-init.webgl-angle: true
gfx.crash-guard.glcontext.gfx.driver-init.webgl-angle-force-d3d11: false
gfx.crash-guard.glcontext.gfx.driver-init.webgl-angle-force-warp: false
gfx.crash-guard.glcontext.gfx.driver-init.webgl-angle-try-d3d11: true
gfx.crash-guard.status.d3d11layers: 2
gfx.crash-guard.status.glcontext: 2
gfx.driver-init.appVersion: 42.0
gfx.driver-init.deviceID: 0x2e32
gfx.driver-init.driverVersion: 8.15.10.2869
gfx.driver-init.feature-d2d: false
gfx.driver-init.feature-d3d11: false
gfx.driver-init.status: 2
media.gmp-eme-adobe.abi: x86-msvc-x86
media.gmp-eme-adobe.lastUpdate: 1449093557
media.gmp-eme-adobe.version: 15
media.gmp-gmpopenh264.abi: x86-msvc-x86
media.gmp-gmpopenh264.lastUpdate: 1449093558
media.gmp-gmpopenh264.version: 1.5.1
media.gmp-manager.buildID: 20151203004003
media.gmp-manager.lastCheck: 1449314719
media.hardware-video-decoding.enabled: false
media.hardware-video-decoding.failed: false
media.webrtc.debug.aec_log_dir: C:\Users\Towkir\AppData\Local\Temp/
media.webrtc.debug.log_file: C:\Users\Towkir\AppData\Local\Temp/WebRTC.log
network.cookie.prefsMigrated: true
network.dns.disableIPv6: true
network.predictor.cleaned-up: true
places.database.lastMaintenance: 1449077556
places.history.expiration.transient_current_max_pages: 86311
plugin.disable_full_page_plugin_for_types: application/pdf
plugin.importedState: true
privacy.clearOnShutdown.passwords: false
privacy.donottrackheader.enabled: true
privacy.sanitize.migrateClearSavedPwdsOnExit: true
privacy.sanitize.migrateFx3Prefs: true
privacy.trackingprotection.pbmode.enabled: false
security.tls.version.min: 0
storage.vacuum.last.index: 1
storage.vacuum.last.places.sqlite: 1449077553

Important Locked Preferences
----------------------------

JavaScript
----------

Incremental GC: true

Accessibility
-------------

Activated: false
Prevent Accessibility: 0

Library Versions
----------------

NSPR
Expected minimum version: 4.11
Version in use: 4.11

NSS
Expected minimum version: 3.21 Basic ECC
Version in use: 3.21 Basic ECC

NSSSMIME
Expected minimum version: 3.21 Basic ECC
Version in use: 3.21 Basic ECC

NSSSSL
Expected minimum version: 3.21 Basic ECC
Version in use: 3.21 Basic ECC

NSSUTIL
Expected minimum version: 3.21
Version in use: 3.21

Experimental Features
---------------------
That is one old machine :)

wehn playing the video, right click and select stats for nerds.

What's there?
Video ID:     AEIVhBS6baE
Dimensions:   854 x 480
Resolution:   1280 x 720@24
Volume:       22%
Stream Host:  r2---sn-x5guiuxaxjvh-q5jl
Stream Type:  https
CPN:          mF0FEkMat5z5gdfW
Mime Type:    video/webm; codecs="vp9"
DASH:         yes (247/251)

Connection Speed: 8128 Kbps
Dropped Frames: 1/946
hola! my specs and stats for nerds,

Video ID:
-XRA8LYFLZs
Dimensions:
854 x 480
Resolution:
1280 x 720@30
Volume:
100%
Stream Host:
r3---sn-nv47enes
Stream Type:
https
CPN:
23T-RPBlPVW4Zk5S
Mime Type:
video/mp4; codecs="avc1.4d401f"
DASH:
yes (136/140)
Connection Speed:
5026 Kbps
Dropped Frames:
0/124

cpu: intel core i7-4790k @ 4.00GHz
ram: 8gb
graphic card: nvidia geforce gtx 970

Application Basics
------------------

Name: Firefox
Version: 42.0
Build ID: 20151029151421
Update Channel: release
User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:42.0) Gecko/20100101 Firefox/42.0
Multiprocess Windows: 0/1 (default: false)
Safe Mode: false

Crash Reports for the Last 3 Days
---------------------------------

All Crash Reports

Extensions
----------

Name: Adblock Plus
Version: 2.6.13
Enabled: true
ID: {d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d}

Name: NoSquint
Version: 2.1.9.1-signed
Enabled: true
ID: nosquint@urandom.ca

Name: X-notifier
Version: 3.5.18
Enabled: true
ID: {37fa1426-b82d-11db-8314-0800200c9a66}

Graphics
--------

Adapter Description: NVIDIA GeForce GTX 970
Adapter Description (GPU #2): Intel(R) HD Graphics 4600
Adapter Drivers: nvd3dumx,nvwgf2umx,nvwgf2umx,nvwgf2umx nvd3dum,nvwgf2um,nvwgf2um,nvwgf2um
Adapter Drivers (GPU #2): igdumdim64 igd10iumd64 igd10iumd64 igd12umd64 igdumdim32 igd10iumd32 igd10iumd32 igd12umd32
Adapter RAM: 4095
Adapter RAM (GPU #2): Unknown
Asynchronous Pan/Zoom: none
Device ID: 0x13c2
Device ID (GPU #2): 0x0412
DirectWrite Enabled: false (10.0.10586.0)
Driver Date: 11-24-2015
Driver Date (GPU #2): 7-17-2015
Driver Version: 10.18.13.5906
Driver Version (GPU #2): 10.18.15.4256
GPU #2 Active: false
GPU Accelerated Windows: 0/1 Basic (OMTC)
Subsys ID: 237019da
Subsys ID (GPU #2): 0000000c
Supports Hardware H264 Decoding: false
Vendor ID: 0x10de
Vendor ID (GPU #2): 0x8086
WebGL Renderer: Google Inc. -- ANGLE (NVIDIA GeForce GTX 970 Direct3D11 vs_5_0 ps_5_0)
windowLayerManagerRemote: true
AzureCanvasBackend: skia
AzureContentBackend: cairo
AzureFallbackCanvasBackend: cairo
AzureSkiaAccelerated: 0

Important Modified Preferences
------------------------------

accessibility.typeaheadfind.flashBar: 0
browser.cache.disk.capacity: 358400
browser.cache.disk.filesystem_reported: 1
browser.cache.disk.smart_size.first_run: false
browser.cache.disk.smart_size.use_old_max: false
browser.cache.frecency_experiment: 4
browser.download.importedFromSqlite: true
browser.places.smartBookmarksVersion: 7
browser.search.suggest.enabled: false
browser.search.update: false
browser.sessionstore.upgradeBackup.latestBuildID: 20151029151421
browser.startup.homepage_override.buildID: 20151029151421
browser.startup.homepage_override.mstone: 42.0
browser.urlbar.autocomplete.enabled: false
browser.urlbar.suggest.bookmark: false
browser.urlbar.suggest.history: false
browser.urlbar.suggest.openpage: false
browser.zoom.siteSpecific: false
dom.apps.reset-permissions: true
dom.mozApps.used: true
extensions.lastAppVersion: 42.0
gfx.direct2d.disabled: true
layers.acceleration.disabled: true
media.gmp-eme-adobe.abi: x86-msvc
media.gmp-eme-adobe.lastUpdate: 1448830311
media.gmp-eme-adobe.version: 15
media.gmp-gmpopenh264.abi: x86-msvc
media.gmp-gmpopenh264.lastUpdate: 1448830313
media.gmp-gmpopenh264.version: 1.5.1
media.gmp-manager.buildID: 20151029151421
media.gmp-manager.lastCheck: 1449263238
media.hardware-video-decoding.failed: false
mousewheel.withcontrolkey.action: 3
network.cookie.prefsMigrated: true
network.predictor.cleaned-up: true
places.database.lastMaintenance: 1448840214
places.history.enabled: false
places.history.expiration.transient_current_max_pages: 104858
plugin.disable_full_page_plugin_for_types: application/pdf
plugin.importedState: true
privacy.sanitize.migrateFx3Prefs: true
storage.vacuum.last.index: 1
storage.vacuum.last.places.sqlite: 1448840214

Important Locked Preferences
----------------------------

JavaScript
----------

Incremental GC: true

Accessibility
-------------

Activated: false
Prevent Accessibility: 0

Library Versions
----------------

NSPR
Expected minimum version: 4.10.10
Version in use: 4.10.10

NSS
Expected minimum version: 3.19.4 Basic ECC
Version in use: 3.19.4 Basic ECC

NSSSMIME
Expected minimum version: 3.19.4 Basic ECC
Version in use: 3.19.4 Basic ECC

NSSSSL
Expected minimum version: 3.19.4 Basic ECC
Version in use: 3.19.4 Basic ECC

NSSUTIL
Expected minimum version: 3.19.4
Version in use: 3.19.4

Experimental Features
---------------------
Component: Audio/Video → Audio/Video: Playback
I constantly see those black lines. It's not necessary for videos to be 720p or 1080p
Reliable STR:
1. Make sure you're using firefox with DPI == 100%; also, zoom level must be 100%.
2. Open http://www.youtube.com/watch?v=A8a6kHQN9BA , set Quality -> 360p
3. Open Responsive Design Mode (Ctrl+Shift+M), set dimentions -> 1366x700
4. Skip the ads
5. Make sure that <video> element has dimentions 854x480

Result: there's a black 1px line at the right side of the video

Notes:
 1) I see RED 1px line if I open Style editor and create stylesheet   "video{ background:red; }"
 2) I do NOT see red line if I do the following:
  save the video above locally, then upload it on Dropbox (to create a URL of that video), then
  set that URL to <video> element having height==480px and width==854px and background==red
  (on a self-made webpage).
 3) I still see red line after setting the URL from Note (2) to <video> element on Youtube.
 4) The video file I saved has dimentions 640x360, and (640/360)*480==853.333
  That's approximately 853px which is exactly 1px narrower than 854px (those calculations show
  the video's width after resizing). So 1px line is somehow expected result. Though see Notes 2-3

 So, the video is aligned inside <video> element differently; depending on the styling and html  о_О
Hardware: x86_64 → All
cpeterson reproduced with responive design mode on mac. Could be a compositor issue?
Priority: -- → P2
platform-rel: --- → ?
Whiteboard: [platform-rel-Youtube]
Mass change P2 -> P3
Priority: P2 → P3
platform-rel: ? → +
Rank: 30
Priority: P3 → P1
Anli,
Can you see this problem now?
Flags: needinfo?(desqpio)
(In reply to Blake Wu [:bwu][:blakewu] from comment #12)
> Anli,
> Can you see this problem now?

Nope! Not anymore.
Anil,
Thanks for your prompt reply!
Status: NEW → RESOLVED
Closed: 3 years ago
Flags: needinfo?(desqpio)
Resolution: --- → FIXED
This issue is reproducible when setting the video quality on 240p.

Hello!
This issue has been reproducing for a while,will it be more efficient if I log a new issue or reopen this one and change the title accordingly?

This issue is no longer reproducible on Fx 67.0a1, Fx 66.0-build2, Fx 60.5.2esr.

Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.