YouTube playback issues when using Hardware Acceleration

[Crysto]

I'm experiencing varied issues with YouTube playback, that appear to be solved by simply disabling hardware acceleration in the browser options via vivaldi://chrome/settings/search#hardw

One such issues is a vertical 'jitter' to the video, changed by the zoom level of the YouTube page, or by full-screening playback.
Full screen to make this clearly visible: https://www.youtube.com/watch?v=42MiSMPSyS8

Also, playback can result in large numbers of dropped frames, sometimes to the point of videos becoming practically un-watchable.
Less severe example: http://i.imgur.com/GDZK0v6.jpg

Running on a desktop machine with very high end components, raw performance should not be an issue.

[pafflick]

I don't have any issues with the video jittering or flickering with hardware acceleration turned on. It might be related to the hardware (or perhaps even software?) that you use. The second issue is an old bug that AFAIK hasn't been fixed yet. Though, if not for the stats, I wouldn't probably even notice it... On my machine frames are dropped as well, but I can watch the whole video and it looks pretty normal.

[iAN CooG]

Too bad both HW acceleration not working as it should and frame drop of 50/60fps YT videos are known problems, but the frame drop issue is "not reproducible" according to what it has been said to me from the bugreport I did. A quick workaround is just to hide the tab bar, for me the bottleneck it's just that, not even needed to switch to fullscreen.
https://forum.vivaldi.net/topic/11638/vivaldi-and-youtube-stutter-and-dropped-frames/18
Watching a 60fps video with 10% or more dropped frames is useless, at that point a normal 30fps video will have the same result

[ultraviolet]

strange as the youtube video your watching in your photo is using the VP9 codec which is not normally hardware accelerated.

i would pop over to the chrome extension store and pick up 'h264ify' which makes youtube [and other video sites] stream videos in the mp4 / H264 format which means they run smoother as they use hardware acceleration

[duartevasco]

I'm still having problems viewing YT videos in Vivaldi in Nov/2021.
The framerate drops, and 1080 does not even load (circle animation forebver)

What's the situation, why is there a problem with Vivaldi when Chrome workds flawlessly?

[DoctorG]

@duartevasco Please check Troubleshooting issues.

After you checked all items and that did not solve your issue, tell us more:

• OS version and build

• Installed third party security tools like Antivirus, Internet Security etc.

• Installed extra codecs in OS

• Installed third party ad/tracker filter or blocker

• Installed latest chipset/GPU driver from graphics producers website

• Vivaldi version
  Open page vivaldi://about

• Use of Vivaldi ad/tracker blocker
  Activated block lists

• Info about changed settings in page vivaldi://flags

• Installed extensions
  Open vivaldi://system
  Section extensions
  Button Maximise…
  Copy the items
  Paste with </> button

• Info about GPUs
  Open vivaldi://gpu
  Hit button Copy Report to Clipboard
  Paste with </> button

• Updated DRM codec
  Open vivaldi://components
  Scroll down to "Widevine Content Decryption Module"
  Post version number here
  Try to update Widevine with "Check for Update" button

• Info about media usage
  Open vivaldi://media-internals
  Click on Copy to Clipboard
  Paste with </> button

• Visit the following links and tell us which options are selected for the selected flags:
  vivaldi://flags/#ignore-gpu-blocklist
  vivaldi://flags/#disable-accelerated-video-decode

• URL where issue happens and if a player is used on webpage, the setting for video or audio format

• Information if a Vivaldi downgrade was used before with current browser profile

[duartevasco]

Thank you DoctorG.

I've noticed the problem with FPS in YT only yesterday. But there are many instances where Vivaldi is either not using the GPU or doing something very wrong. For example, in wordpress, when I scroll the page I can visually observe how the browser paints squares (?) of the page after the scroll ends. The page goes blank and then is painted square by square. I can reproduce this every time. Sometimes browser restart helps, other times it does nothing.

I've pasted the full info here as it is too large for this post: https://pastebin.com/jEHeL2Wn

Vivaldi version

Vivaldi	4.3.2439.65 (Stable channel) (x86_64)
Revision	422e3f53c5055d214398129edf198ce15d0fcdd7
OS	macOS Version 10.15.7 (Build 19H1519)
JavaScript	V8 9.4.146.24
User Agent	Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.114 Safari/537.36
Command Line	/Applications/Vivaldi.app/Contents/MacOS/Vivaldi --flag-switches-begin --flag-switches-end --save-page-as-mhtml
Executable Path	/Applications/Vivaldi.app/Contents/MacOS/Vivaldi
Profile Path	/Users/vasco/Library/Application Support/Vivaldi/Default
Linker	ld

Extensions

🔗CHROME VERSION
94.0.4606.114 (Developer Build 422e3f53c5055d214398129edf198ce15d0fcdd7 Mac OS X)
🔗OS VERSION
Mac OS X: 10.15.7
🔗about_sync_data
Expand…	
🔗cpu_arch
x86-64
🔗data_reduction_proxy
disabled
🔗extensions
Expand…	
🔗mem_usage
Browser 310 MB, 207 FDs open of 12800
Utility [Network Service] 39 MB, 46 FDs open of 12800
Utility [Storage Service] 15 MB, 33 FDs open of 12800
Utility [Audio Service] 13 MB, 13 FDs open of 12800
🔗mem_usage_with_title
Browser 310 MB, 207 FDs open of 12800
Utility [Network Service] 39 MB, 46 FDs open of 12800
Utility [Storage Service] 15 MB, 33 FDs open of 12800
Utility [Audio Service] 13 MB, 13 FDs open of 12800

Components (No DRM listed)

Components (16)
MEI Preload - Version: 1.0.6.0
Status - Up-to-date
Check for update
Desktop Sharing Hub - Version: 20211020.1
Status - Up-to-date
Check for update
Autofill States Data - Version: 2020.11.2.164946
Status - Up-to-date
Check for update
Subresource Filter Rules - Version: 9.32.0
Status - Up-to-date
Check for update
Crowd Deny - Version: 2021.11.1.1143
Status - Up-to-date
Check for update
Certificate Error Assistant - Version: 7
Status - Up-to-date
Check for update
CRLSet - Version: 6969
Status - Up-to-date
Check for update
Client Side Phishing Detection - Version: 25.3
Status - Up-to-date
Check for update
Safety Tips - Version: 2730
Status - Up-to-date
Check for update
File Type Policies - Version: 45
Status - Up-to-date
Check for update
Origin Trials - Version: 1.0.0.9
Status - Up-to-date
Check for update
Optimization Hints - Version: 305
Status - Up-to-date
Check for update
OnDeviceHeadSuggest - Version: 20211023.405399445
Status - Up-to-date
Check for update
Widevine Content Decryption Module - Version: 4.10.2198.0
Status - Up-to-date
Check for update
Zxcvbn Data Dictionaries - Version: 1
Status - Up-to-date
Check for update
Autofill Regex Data - Version: 2021.8.17.1300
Status - Up-to-date
Check for update

Media internals (see pastebin https://pastebin.com/jEHeL2Wn)

GPU info

Graphics Feature Status
Canvas: Hardware accelerated
Compositing: Hardware accelerated
Metal: Disabled
Multiple Raster Threads: Enabled
Out-of-process Rasterization: Hardware accelerated
OpenGL: Enabled
Rasterization: Hardware accelerated
Skia Renderer: Enabled
Video Decode: Hardware accelerated
WebGL: Hardware accelerated
WebGL2: Hardware accelerated
Driver Bug Workarounds
add_and_true_to_loop_condition
adjust_src_dst_region_for_blitframebuffer
clamp_texture_base_level_and_max_level
decode_encode_srgb_for_generatemipmap
disable_2d_canvas_auto_flush
disable_webgl_rgb_multisampling_usage
dont_use_loops_to_initialize_variables
emulate_abs_int_function
enable_webgl_timer_query_extensions
force_enable_color_buffer_float
get_frag_data_info_bug
init_two_cube_map_levels_before_copyteximage
max_msaa_sample_count_4
msaa_is_slow
pack_parameters_workaround_with_pack_buffer
rebind_transform_feedback_before_resume
regenerate_struct_names
remove_dynamic_indexing_of_swizzled_vector
remove_invariant_and_centroid_for_essl3
reset_teximage2d_base_level
rewrite_texelfetchoffset_to_texelfetch
set_zero_level_before_generating_mipmap
unfold_short_circuit_as_ternary_operation
unpack_alignment_workaround_with_unpack_buffer
unpack_image_height_workaround_with_unpack_buffer
use_intermediary_for_copy_texture_image
use_unused_standard_shared_blocks
disabled_extension_GL_KHR_blend_equation_advanced
disabled_extension_GL_KHR_blend_equation_advanced_coherent
disabled_extension_GL_MESA_framebuffer_flip_y
Problems Detected
Unfold short circuit on Mac OS X: 307751
Applied Workarounds: unfold_short_circuit_as_ternary_operation
Mac drivers handle struct scopes incorrectly: 403957
Applied Workarounds: regenerate_struct_names
On Intel GPUs MSAA performance is not acceptable for GPU rasterization: 527565
Applied Workarounds: msaa_is_slow
glGenerateMipmap fails if the zero texture level is not set on some Mac drivers: 560499
Applied Workarounds: set_zero_level_before_generating_mipmap
Pack parameters work incorrectly with pack buffer bound: 563714
Applied Workarounds: pack_parameters_workaround_with_pack_buffer
Alignment works incorrectly with unpack buffer bound: 563714
Applied Workarounds: unpack_alignment_workaround_with_unpack_buffer
copyTexImage2D fails when reading from IOSurface on multiple GPU types.: 581777
Applied Workarounds: use_intermediary_for_copy_texture_image
Multisample renderbuffers with format GL_RGB8 have performance issues on Intel GPUs.: 607130
Applied Workarounds: disable_webgl_rgb_multisampling_usage
glGetFragData{Location|Index} works incorrectly on Max: 638340
Applied Workarounds: get_frag_data_info_bug
glResumeTransformFeedback works incorrectly on Intel GPUs: 638514
Applied Workarounds: rebind_transform_feedback_before_resume
Result of abs(i) where i is an integer in vertex shader is wrong: 642227
Applied Workarounds: emulate_abs_int_function
Rewrite texelFetchOffset to texelFetch for Intel Mac: 642605
Applied Workarounds: rewrite_texelfetchoffset_to_texelfetch
Rewrite condition in for and while loops for Intel Mac: 644669
Applied Workarounds: add_and_true_to_loop_condition
Decode and encode before generateMipmap for srgb format textures on macosx: 634519
Applied Workarounds: decode_encode_srgb_for_generatemipmap
Init first two levels before CopyTexImage2D for cube map texture on Intel Mac 10.12: 648197
Applied Workarounds: init_two_cube_map_levels_before_copyteximage
Insert statements to reference all members in unused std140/shared blocks on Mac: 618464
Applied Workarounds: use_unused_standard_shared_blocks
Tex(Sub)Image3D performs incorrectly when uploading from unpack buffer with GL_UNPACK_IMAGE_HEIGHT greater than zero on Intel Macs: 654258
Applied Workarounds: unpack_image_height_workaround_with_unpack_buffer
adjust src/dst region if blitting pixels outside framebuffer on Mac: 644740
Applied Workarounds: adjust_src_dst_region_for_blitframebuffer
Mac driver GL 4.1 requires invariant and centroid to match between shaders: 639760, 641129
Applied Workarounds: remove_invariant_and_centroid_for_essl3
Disable KHR_blend_equation_advanced until cc shaders are updated: 661715
Applied Workarounds: disable(GL_KHR_blend_equation_advanced), disable(GL_KHR_blend_equation_advanced_coherent)
Reset TexImage2D base level to 0 on Intel Mac 10.12.4: 705865
Applied Workarounds: reset_teximage2d_base_level
Expose WebGL's disjoint_timer_query extensions on platforms with site isolation: 808744, 870491
Applied Workarounds: enable_webgl_timer_query_extensions
Shader variable initialization in a loop caused perf regression on Mac Intel.: 809422
Applied Workarounds: dont_use_loops_to_initialize_variables
8x MSAA is slow for alpha:false WebGL contexts on Mac Intel: 812071
Applied Workarounds: max_msaa_sample_count_4
glFlush error on Mac: 841755
Applied Workarounds: disable_2d_canvas_auto_flush
Clamp texture's BASE_LEVEL/MAX_LEVEL for GenerateMipmap: 913301
Applied Workarounds: clamp_texture_base_level_and_max_level
Disable GL_MESA_framebuffer_flip_y for desktop GL: 964010
Applied Workarounds: disable(GL_MESA_framebuffer_flip_y)
Remove dynamic indexing for swizzled vectors on Mac: 709351
Applied Workarounds: remove_dynamic_indexing_of_swizzled_vector
Always assume float formats are renderable on Mac Intel: 1127387
Applied Workarounds: force_enable_color_buffer_float
DAWN Info

<Integrated GPU> Metal backend - Intel(R) Iris(TM) Plus Graphics
[Default Toggle Names]
always_resolve_into_zero_level_and_layer: https://crbug.com/dawn/56: When the resolve target is a texture view that is created on the non-zero level or layer of a texture, we first resolve into a temporarily 2D texture with only one mipmap level and one array layer, and copy the result of MSAA resolve into the true resolve target. This workaround is enabled by default on the Metal drivers that have bugs when setting non-zero resolveLevel or resolveSlice.
lazy_clear_resource_on_first_use: https://crbug.com/dawn/145: Clears resource to zero on first usage. This initializes the resource so that no dirty bits from recycled memory is present in the new resource.
metal_use_shared_mode_for_counter_sample_buffer: https://crbug.com/dawn/434: The query set on Metal need to create MTLCounterSampleBuffer which storage mode must be either MTLStorageModeShared or MTLStorageModePrivate. But the private mode does not work properly on Intel platforms. The workaround is use shared mode instead.
metal_enable_vertex_pulling: https://crbug.com/dawn/480: Uses vertex pulling to protect out-of-bounds reads on Metal
disallow_unsafe_apis: http://crbug.com/1138528: Produces validation errors on API entry points or parameter combinations that aren't considered secure yet.
use_tint_generator: https://crbug.com/dawn/571: Use Tint instead of SPRIV-cross to generate shaders.
[WebGPU Forced Toggles - enabled]
disallow_spirv: https://crbug.com/1214923: Disallow usage of SPIR-V completely so that only WGSL is used for shader modules.This is useful to prevent a Chromium renderer process from successfully sendingSPIR-V code to be compiled in the GPU process.
[Supported Extensions]
texture_compression_bc
pipeline_statistics_query
timestamp_query
depth_clamping
dawn-internal-usages
Version Information
Data exported	2021-11-11T18:00:34.199Z
Chrome version	Chrome/94.0.4606.114
Operating system	Mac OS X 10.15.7
Software rendering list URL	https://chromium.googlesource.com/chromium/src/+/19fd4a3a9a0fe602eb5f516bd720cfbcf90f5344/gpu/config/software_rendering_list.json
Driver bug list URL	https://chromium.googlesource.com/chromium/src/+/19fd4a3a9a0fe602eb5f516bd720cfbcf90f5344/gpu/config/gpu_driver_bug_list.json
ANGLE commit id	unknown hash
2D graphics backend	Skia/94 bc94e71ede7c98dd5de2917bf01cbf38aba26e5a
Command Line	/Applications/Vivaldi.app/Contents/MacOS/Vivaldi --flag-switches-begin --flag-switches-end --save-page-as-mhtml
Driver Information
Initialization time	405
In-process GPU	false
Passthrough Command Decoder	false
Sandboxed	true
GPU0	VENDOR= 0x8086 [Intel Inc.], DEVICE=0x8a53 [Intel(R) Iris(TM) Plus Graphics OpenGL Engine] *ACTIVE*
Optimus	false
AMD switchable	false
Driver vendor	INTEL
Driver version	14.7.20
GPU CUDA compute capability major version	0
Pixel shader version	4.10
Vertex shader version	4.10
Max. MSAA samples	16
Machine model name	MacBookPro
Machine model version	16.2
GL_VENDOR	Intel Inc.
GL_RENDERER	Intel(R) Iris(TM) Plus Graphics OpenGL Engine
GL_VERSION	4.1 INTEL-14.7.20
GL_EXTENSIONS	GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_framebuffer_multisample_blit_scaled GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
Disabled Extensions	GL_KHR_blend_equation_advanced GL_KHR_blend_equation_advanced_coherent GL_MESA_framebuffer_flip_y
Disabled WebGL Extensions	
Window system binding vendor	
Window system binding version	
Window system binding extensions	
Direct rendering version	unknown
Reset notification strategy	0x0000
GPU process crash count	0
gfx::BufferFormats supported for allocation and texturing	R_8: not supported, R_16: not supported, RG_88: not supported, BGR_565: not supported, RGBA_4444: not supported, RGBX_8888: not supported, RGBA_8888: not supported, BGRX_8888: not supported, BGRA_1010102: not supported, RGBA_1010102: not supported, BGRA_8888: not supported, RGBA_F16: not supported, YVU_420: not supported, YUV_420_BIPLANAR: not supported, P010: not supported
Compositor Information
Tile Update Mode	Zero-copy
Partial Raster	Enabled
GpuMemoryBuffers Status
R_8	GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, SCANOUT_VEA_CPU_READ, SCANOUT_FRONT_RENDERING
R_16	Software only
RG_88	Software only
BGR_565	Software only
RGBA_4444	Software only
RGBX_8888	Software only
RGBA_8888	GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, SCANOUT_VEA_CPU_READ, SCANOUT_FRONT_RENDERING
BGRX_8888	GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, SCANOUT_VEA_CPU_READ, SCANOUT_FRONT_RENDERING
BGRA_1010102	GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, SCANOUT_VEA_CPU_READ, SCANOUT_FRONT_RENDERING
RGBA_1010102	Software only
BGRA_8888	GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, SCANOUT_VEA_CPU_READ, SCANOUT_FRONT_RENDERING
RGBA_F16	GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, SCANOUT_VEA_CPU_READ, SCANOUT_FRONT_RENDERING
YVU_420	Software only
YUV_420_BIPLANAR	GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, SCANOUT_VEA_CPU_READ, SCANOUT_FRONT_RENDERING
P010	GPU_READ, SCANOUT, SCANOUT_CPU_READ_WRITE, GPU_READ_CPU_READ_WRITE, SCANOUT_VEA_CPU_READ, SCANOUT_FRONT_RENDERING
Display(s) Information
Info	Display[69734208] bounds=[0,0 1680x1050], workarea=[0,23 1643x1027], scale=2, rotation=0, panel_rotation=0 internal.
Color space (SDR)	{primaries_d50_referred: [[0.6818, 0.3196], [0.2846, 0.6747], [0.1576, 0.0554]], transfer:0.0777*x + 0.0000 if x < 0.0450 else (0.9495*x + 0.0495)**2.3955 + 0.0003, matrix:RGB, range:FULL}
Buffer format (SDR)	RGBA_8888
Color space (HDR)	{primaries:BT709, transfer:IEC61966_2_1_HDR, matrix:RGB, range:FULL}
Buffer format (HDR)	RGBA_F16
SDR white level in nits	100
Bits per color component	10
Bits per pixel	30
Refresh Rate in Hz	60
Video Acceleration Information
Decoding (Legacy VideoDecodeAccelerator)	
Decode h264 baseline	16x16 to 4096x4096 pixels
Decode h264 extended	16x16 to 4096x4096 pixels
Decode h264 main	16x16 to 4096x4096 pixels
Decode h264 high	16x16 to 4096x4096 pixels
Encoding	
Encode h264 baseline	0x0 to 4096x2160 pixels, and/or 30.000 fps
Encode h264 main	0x0 to 4096x2160 pixels, and/or 30.000 fps
Encode h264 high	0x0 to 4096x2160 pixels, and/or 30.000 fps
Vulkan Information
Device Performance Information
t

GPU Blocklist
Override software rendering list - disabled
Accelerated 2D canvas - enabled

This showed up twice (?!?!?)
Hardware-accelerated video decode - enabled
Hardware-accelerated video encode - enabled

URL where issue was happening:
https://www.youtube.com/watch?v=zERuJT_dFLg&t=9756s at 720p60

"Information if a Vivaldi downgrade was used before with current browser profile"
I don't know what you mean by this. Vivaldi is on the latest version
Vivaldi 4.3.2439.65 (Stable channel) (x86_64)
Revision 422e3f53c5055d214398129edf198ce15d0fcdd7