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

Status: VERIFIED FIXED

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

Description

[Anıl]

Attachment: 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.

Comment 1

[[:Towkir] Ahmed]

perfect 
I could reproduce this on my windows 7, firefox developer edition(today's build of course)
moving to something more appropriate

Comment 2

[Jean-Yves Avenard [:jya]]

can you reproduce it on beta ? (43)

Comment 3

[[:Towkir] Ahmed]

Yes, it happens with all four releases.

Comment 4

[Jean-Yves Avenard [:jya]]

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

Comment 5

[[:Towkir] Ahmed]

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: [e-mail]

Name: Valence
Version: 0.3.3
Enabled: true
ID: [e-mail]

Name: Firebug
Version: 2.0.13
Enabled: false
ID: [e-mail]

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: [e-mail]

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
---------------------

Comment 6

[Jean-Yves Avenard [:jya]]

That is one old machine :)

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

What's there?

Comment 7

[[:Towkir] Ahmed]

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

Comment 8

[Anıl]

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: [e-mail]

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
---------------------

Comment 9

[arni2033]

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  о_О

Comment 10

[Ralph Giles (:rillian)]

cpeterson reproduced with responive design mode on mac. Could be a compositor issue?

Comment 11

[Anthony Jones (:ajones, :kentuckyfriedtakahe, :k17e)]

Mass change P2 -> P3

Comment 12

[Blake Wu [:bwu][:blakewu]]

Anli,
Can you see this problem now?

Comment 13

[Anıl]

(In reply to Blake Wu [:bwu][:blakewu] from comment #12)
> Anli,
> Can you see this problem now?

Nope! Not anymore.

Comment 14

[Blake Wu [:bwu][:blakewu]]

Anil,
Thanks for your prompt reply!

Comment 15

[Cristian Comorasu, QA [:ccomorasu], Releae Desktop QA - Please contact [e-mail]]

This issue is reproducible when setting the video quality on 240p.

Comment 16

[Cristian Comorasu, QA [:ccomorasu], Releae Desktop QA - Please contact [e-mail]]

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?

Comment 17

[Cristian Comorasu, QA [:ccomorasu], Releae Desktop QA - Please contact [e-mail]]

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