Make WordPress Core

Opened 4 years ago

Last modified 4 years ago

#54058 new defect (bug)

Kickstarter videos do not play in Google Chrome

Reported by: mgutt's profile mgutt Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Embeds Keywords:
Focuses: Cc:

Description

Tested my page in Firefox without any issues. Video plays:
https://gutt.it/pikvm-jetzt-bei-kickstarter/

But with the recent Google Chrome it doesn't (tested Inkognito Tab as well). This is also valid for the official announcement page of this feature:
https://wordpress.com/support/videos/kickstarter/

Clicking on the playing button does nothing.

Javascript error logs:

jquery-migrate.min.js?ver=3.3.2:2 JQMIGRATE: Migrate is installed, version 3.3.2
vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:196 [Honeybadger] Ignoring cross-domain script error: enable CORS to track these types of errors Arguments(5) ["Script error.", "", 0, 0, null, callee: (...), Symbol(Symbol.iterator): ƒ]0: "Script error."1: ""2: 03: 04: nullcallee: (...)length: 5Symbol(Symbol.iterator): ƒ values()get callee: ƒ ()set callee: ƒ ()[[Prototype]]: Object
core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:26 Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
    at https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:26:26036
    at Object.ZCIj (https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:26:26262)
    at c (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:561)
    at Object.2UXI (https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20:24154)
    at c (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:561)
    at Module.8y1c (https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20:40255)
    at c (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:561)
    at Object.0 (https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20:17293)
    at c (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:561)
    at t (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:430)
(anonymous) @ core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:26
ZCIj @ core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:26
c @ runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1
2UXI @ core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20
c @ runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1
8y1c @ core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20
c @ runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1
0 @ core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20
c @ runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1
t @ runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1
r @ runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1
(anonymous) @ core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:1
vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:196 [Honeybadger] Ignoring cross-domain script error: enable CORS to track these types of errors Arguments(5) ["Script error.", "", 0, 0, null, callee: (...), Symbol(Symbol.iterator): ƒ]
videoplayer.225cc837c23cbef217eb174198c34d722120c9d62d72377bad6c35cacb8c8cc5.js:7 Uncaught TypeError: Cannot read property 'getItem' of undefined
    at HTMLDocument.<anonymous> (videoplayer.225cc837c23cbef217eb174198c34d722120c9d62d72377bad6c35cacb8c8cc5.js:7)
    at u (vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120)
    at Object.fireWith [as resolveWith] (vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120)
    at Function.ready (vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120)
    at HTMLDocument.M (vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120)
(anonymous) @ videoplayer.225cc837c23cbef217eb174198c34d722120c9d62d72377bad6c35cacb8c8cc5.js:7
u @ vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120
fireWith @ vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120
ready @ vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120
M @ vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120

Attachments (1)

EmvXeIK.png (40.5 KB) - added by karpstrucking 4 years ago.

Download all attachments as: .zip

Change History (8)

#1 @sabernhardt
4 years ago

  • Component changed from General to Embeds

#2 @karpstrucking
4 years ago

@mgutt both of these examples work for me in latest Chrome (Version 93.0.4577.63).

#3 @mgutt
4 years ago

@karpstrucking
I tested through my Android phone right now. Does not work with wifi or mobile data. Even the recent Chrome Beta does not work. Strange.

I'll ask some friends. Feedback follows.

This ticket was mentioned in Slack in #core-test by hellofromtonya. View the logs.


4 years ago

#5 @Boniu91
4 years ago

I was able to reproduce it only in the Chrome incognito window.

Test Report

Env

  • WordPress 5.8
  • Chrome 92.0.4515.159
  • Windows 10
  • Theme: Twenty Twenty One
  • Gutenberg Editor
  • Plugin: WP Downgrade

Steps to test

  1. Add Kickstarter block
  2. Use any URL, e.g. https://www.kickstarter.com/projects/memobottle-stainless/stainless-steel-memobottle
  3. Save the page and open it in incognito window
  4. Try to play the video
  5. Check the JS console
Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
    at https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:26:26036

#6 @hellofromTonya
4 years ago

Test Report

Env

  • Tested on reporter's live site
  • Browsers:
    • Firefox version 91.0.2
    • Chrome version 92.0.4515.159 (in Incognito)

Steps to test

  1. Open browser
  2. Navigate to the reporter's live site
  3. Press the video's play button
  4. Does it play?
  5. Check browser's console for errors

Results

  • Firefox: did not play ❌

had following console error for this resource

Uncaught (in promise) DOMException: The fetching process for the media resource was aborted by the user agent at the user's request.
  • Chrome Incognito: error on page load ❌

error in this Kickstarter script

Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.

    at https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:26:26036
    at Object.ZCIj (https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:26:26262)
    at c (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:561)
    at Object.2UXI (https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20:24154)
    at c (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:561)
    at Module.8y1c (https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20:40255)
    at c (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:561)
    at Object.0 (https://a.kickstarter.com/assets/modules/core.1c5a74cb6e9c29bd8586e3f8e7e39dd331ae42843950f9939c831206b31b7a20.js:20:17293)
    at c (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:561)
    at t (https://a.kickstarter.com/assets/modules/runtime.17b741e2ab6166c9b55724db4a9e1d08d96f8d257e94554eefe8b7dd91521597.js:1:430)

and videoplayer.js script:

Uncaught TypeError: Cannot read property 'getItem' of undefined
    at HTMLDocument.<anonymous> (videoplayer.225cc837c23cbef217eb174198c34d722120c9d62d72377bad6c35cacb8c8cc5.js:7)
    at u (vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120)
    at Object.fireWith [as resolveWith] (vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120)
    at Function.ready (vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120)
    at HTMLDocument.M (vendor.6d98fce841e9b7784b1d951f4a130ad08f8a6fd5d65516db8123b7eaf6668f09.js:120)

@karpstrucking
4 years ago

#7 @karpstrucking
4 years ago

this seems to be due to the cookie settings in Chrome (screenshot above)

Note: See TracTickets for help on using tickets.