Web-bugs: www.ted.com - site is not usable

Created on 23 Oct 2018 · 13Comments · Source: webcompat/web-bugs

URL: https://www.ted.com/talks/leonora_neville_the_princess_who_rewrote_history

Browser / Version: Firefox 64.0
Operating System: Windows 8.1
Tested Another Browser: No

Problem type: Site is not usable
Description: Page doesn't load anything but the header and footer.
Steps to Reproduce:
Left-clicked the thumbnail to the video.

Browser Configuration

@https

_From webcompat.com with ❤️_

browser-firefox priority-important status-first-contact

Source

webcompat-bot

Most helpful comment

Hi! Coming back full-circle on this: a fix was deployed to production on november 12th and has been verified in FF 64 and 65.

VinSpee on 12 Dec 2018

❤2

All 13 comments

I can reproduce this on Nightly 65 on Android 8.0. Does not work with Firefox 62.0.3 on the same device.

reinhart1010 on 24 Oct 2018

The router.location in the console message below seems suspicious.

GA Middleware references missing state: router.location

11:34:49.448 TypeError: "e is null; can't access its "count" property"
    z https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:2081197
    r https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:1248734
    z https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:2081170
    u https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:1712260
    o https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:1711690
    c https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:1712390
    o https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:1711690
    default https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:1851018
    r https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:647527
    mapToProps https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:647647
    r https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:647509
    H https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:649099
    H https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:649076
    run https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:645062
    initSelector https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:645229
    i https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:643635
    Oa https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:554824
    pi https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:567119
    hi https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:567426
    Ki https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:570974
    Vi https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:570486
    zi https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:570312
    Hi https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:569685
    yi https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:568917
    os https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:576411
    is https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:576624
    render https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:580175
    vs https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:578379
    es https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:575680
    vs https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:578314
    render https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:580962
    default https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:2106943
    s https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:231011
    l https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:231044
    c https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:231162
    d https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:231303
    o https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:244940
    FgLI https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:244926
    d https://pa.tedcdn.com/javascripts/screens/manifest-64044cb4281ab48c5048.js:1:520
    47 https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:139020
    d https://pa.tedcdn.com/javascripts/screens/manifest-64044cb4281ab48c5048.js:1:520
    o https://pa.tedcdn.com/javascripts/screens/manifest-64044cb4281ab48c5048.js:1:387
    r https://pa.tedcdn.com/javascripts/screens/manifest-64044cb4281ab48c5048.js:1:250
    <anonymous> https://pa.tedcdn.com/javascripts/screens/2c7c2ea24b3ef87a49b8.chunk.js:1:47
 2c7c2ea24b3ef87a49b8.chunk.js:formatted:31679

other URIs seem to be working, example:
https://www.ted.com/talks/elizabeth_streb_my_quest_to_defy_gravity_and_fly
ah but same GA Middleware references missing state: router.location

so the big error message is more likely to be the source or a clue.

11:34:49.448 TypeError: "e is null; can't access its "count" property"

karlcow on 26 Oct 2018

Another interesting is that the video is not listed at all
https://www.ted.com/search?cat=videos&q=princess
https://www.ted.com/search?q=Leonora

So something is definitely not right with this page.
But still this is accessible in Chrome.

          q("talkPage.init", {
            "el": "[data-talk-page]",
            "__INITIAL_DATA__": { "comments": null, "threadId": null, "current_talk": "25874", "description": "Anna Komnene, daughter of Byzantine emperor Alexios, spent the last decade of her life creating a 500-page history of her father's reign called \"The Alexiad.\" As a princess writing about her own family, she had to balance her loyalty to her kin with her obligation to portray events accurately. Leonora Neville investigates this epic historical narrative. [TED-Ed Animation by Els Decaluwe]. ", "event": "TED-Ed", "language": "en", "name": "Leonora Neville: The princess who rewrote history ", "slug": "leonora_neville_the_princess_who_rewrote_history", "speakers": [{ "id": "4728", "slug": "leonora_neville", "is_published": false, "firstname": "Leonora", "lastname": "Neville", "middleinitial": "", "title": "", "description": "", "photo_url": "", "whatotherssay": "", "whotheyare": "", "whylisten": "" }], "url": "https://www.ted.com/talks/leonora_neville_the_princess_who_rewrote_history", "viewed_count": 99609, "talks": [{ "curator_approved": true, "description": "Anna Komnene, daughter of Byzantine emperor Alexios, spent the last decade of her life creating a 500-page history of her father's reign called \"The Alexiad.\" As a princess writing about her own family, she had to balance her loyalty to her kin with her obligation to portray events accurately. Leonora Neville investigates this epic historical narrative. [TED-Ed Animation by Els Decaluwe]. ", "downloads": { "id": 25874, "languages": [{ "languageName": "English", "endonym": "English", "languageCode": "en", "ianaCode": "en", "isRtl": false }], "nativeDownloads": null, "subtitledDownloads": null, "audioDownload": null }, "duration": 295.0, "event": "TED-Ed", "institute_partner_name": null, "salon_partner_name": null, "event_blurb": null, "event_badge": null, "hero": "https://s3.amazonaws.com/talkstar-photos/uploads/2e8119f8-e791-49b1-9038-5ce0fe0f0d90/annakomnene_textless.jpg", "hero_load": "https://pi.tedcdn.com/r/talkstar-photos.s3.amazonaws.com/uploads/2e8119f8-e791-49b1-9038-5ce0fe0f0d90/annakomnene_textless.jpg?q=50&w=15", "id": "25874", "player_talks": [{ "id": "25874", "duration": 295.0, "languages": [{ "languageName": "English", "endonym": "English", "languageCode": "en", "ianaCode": "en", "isRtl": false }], "nativeLanguage": "en", "isSubtitleRequired": false, "introDuration": 0.0, "adDuration": 0.0, "postAdDuration": 0.0, "resources": { "h264": [{ "bitrate": 320, "file": "https://pc.tedcdn.com/talk/stream/2018E/Blank/LeonoraNeville_AnnaKomnena_2018E-320k.mp4?dnt" }], "hls": { "adUrl": "https://pubads.g.doubleclick.net/gampad/ads?ciu_szs=300x250%2C512x288%2C120x60%2C320x50%2C6x7%2C6x8&correlator=%5Bcorrelator%5D&cust_params=event%3DTED-Ed%26id%3D25874%26tag%3Dhistory%2CTED-Ed%26talk%3Dleonora_neville_the_princess_who_rewrote_history%26year%3D2018&env=vp&gdfp_req=1&impl=s&iu=%2F5641%2Fmobile%2Fios%2Fweb&output=xml_vast2&sz=640x360&unviewed_position_start=1&url=%5Breferrer%5D", "maiTargeting": { "id": "25874", "talk": "leonora_neville_the_princess_who_rewrote_history", "tag": "history,TED-Ed", "year": "2018", "event": "TED-Ed" }, "stream": "https://hls.ted.com/talks/25874.m3u8", "metadata": "https://hls.ted.com/talks/25874.json" } }, "targeting": { "id": "25874", "talk": "leonora_neville_the_princess_who_rewrote_history", "tag": "history,TED-Ed", "year": "2018", "event": "TED-Ed" }, "canonical": "https://www.ted.com/talks/leonora_neville_the_princess_who_rewrote_history", "name": "Leonora Neville: The princess who rewrote history ", "title": "The princess who rewrote history ", "speaker": "Leonora Neville", "thumb": "https://pi.tedcdn.com/r/talkstar-photos.s3.amazonaws.com/uploads/2e8119f8-e791-49b1-9038-5ce0fe0f0d90/annakomnene_textless.jpg?quality=89&w=600", "slug": "leonora_neville_the_princess_who_rewrote_history", "event": "TED-Ed", "published": 1540232333 }], "ratings": [], "recorded_at": "2018-10-22T00:00:00.000+00:00", "related_talks": [{ "id": "25339", "hero": "https://s3.amazonaws.com/talkstar-photos/uploads/db15e3f6-d3df-42ce-9c53-b1673add234d/chicken_textless2.jpg", "speaker": "Chris A. Kniesly", "title": "History through the eyes of a chicken", "duration": 307.0, "slug": "chris_a_kniesly_history_through_the_eyes_of_a_chicken", "viewed_count": 831620 }, { "id": "23420", "hero": "https://s3.amazonaws.com/talkstar-photos/uploads/16ade73f-e703-48d5-9090-871c0e82caf6/kingarthur_textless.jpg", "speaker": "Alan Lupack", "title": "Is there any truth to the King Arthur legends?", "duration": 332.0, "slug": "alan_lupack_is_there_any_truth_to_the_king_arthur_legends", "viewed_count": 412943 }, { "id": "2377", "hero": "https://s3.amazonaws.com/talkstar-photos/uploads/6d1005dc-5b11-4ff2-bde8-825f8230a9a7/GenevievevonPetzinger_2015F-embed.jpg", "speaker": "Genevieve von Petzinger", "title": "Why are these 32 symbols found in ancient caves all over Europe?", "duration": 725.0, "slug": "genevieve_von_petzinger_why_are_these_32_symbols_found_in_ancient_caves_all_over_europe", "viewed_count": 5051194 }, { "id": "20317", "hero": "https://s3.amazonaws.com/talkstar-photos/uploads/2909fb4d-ca84-4504-8eb0-81c2ea5a9c4f/augustus+textless.jpg", "speaker": "Peta Greenfield & Alex Gendler", "title": "History vs. Augustus", "duration": 305.0, "slug": "peta_greenfield_alex_gendler_history_vs_augustus", "viewed_count": 426447 }, { "id": "2074", "hero": "https://pe.tedcdn.com/images/ted/8e19fdffddbc79e51a21d3cfcb9afaef0ab39c2f_2400x1800.jpg", "speaker": "Colin Grant", "title": "How our stories cross over", "duration": 1045.0, "slug": "colin_grant_the_son_of_a_difficult_father", "viewed_count": 911098 }, { "id": "1120", "hero": "https://pe.tedcdn.com/images/ted/c21fd6662a3090930cf3566103cf86dbccd859ac_800x600.jpg", "speaker": "Sarah Kaminsky", "title": "My father the forger", "duration": 840.0, "slug": "sarah_kaminsky", "viewed_count": 614557 }], "slug": "leonora_neville_the_princess_who_rewrote_history", "speakers": [{ "id": "4728", "slug": "leonora_neville", "is_published": false, "firstname": "Leonora", "lastname": "Neville", "middleinitial": "", "title": "", "description": "", "photo_url": "", "whatotherssay": "", "whotheyare": "", "whylisten": "" }], "speaker_name": "Leonora Neville", "tags": ["history", "TED-Ed"], "title": "The princess who rewrote history ", "video_type": { "id": "3", "name": "TED-Ed Original" }, "viewed_count": 99609 }] }
          })

karlcow on 26 Oct 2018

@tedconf is on GitHub.
Maybe @alexdean can help us find the right person in charge of this part of the Web site. So they can fix the issue about routing for this page.

karlcow on 12 Nov 2018

👍1

thanks for the report. we've verified the bug & will have a fix shipped shortly.

alexdean on 13 Nov 2018

👍1

Wonderful!

karlcow on 13 Nov 2018

Hi! Coming back full-circle on this: a fix was deployed to production on november 12th and has been verified in FF 64 and 65.

VinSpee on 12 Dec 2018

❤2

Yeah! closing as fixed. Thanks to the TED tech team.

karlcow on 13 Dec 2018

@karlcow not sure if it is the same issue but I am not able to run TED videos in firefox.

Link to video I tried playing: https://www.ted.com/talks/rana_abdelhamid_3_lessons_on_starting_a_movement_from_a_self_defense_trailblazer

Are you a web tinkerer? Join us at TED!
https://www.ted.com/jobs 57844404fc62c4f8f7db.chunk.js:1:200392
GA Middleware references missing state: router.location 57844404fc62c4f8f7db.chunk.js:1:735830
PaRappa: Client does not support any player mode. 57844404fc62c4f8f7db.chunk.js:1:595875
PaRappa: No actions found for unrecognized player mode: false 57844404fc62c4f8f7db.chunk.js:1:595875
XML Parsing Error: no root element found
Location: https://error-collector.ted.com/
Line Number 1, Column 1:

This is what happens when try to click on the play button.
System's config:

Firefox: 66.2 for Ubuntu Canonical -1.0
Ubuntu: Ubuntu 18.04.2 LTS

sara-02 on 14 Apr 2019

@sara-02 this is working for me on macos.
So I would probably look at your tracking protection settings and/or ads blocker.

karlcow on 15 Apr 2019

@sara-02 Hi! TED.com developer here. This is not related to the original issue. A playerMode of false means that we couldn't successfully play back any of our supported formats, ranging from hlsjs to hls to mp4. Can you play videos on other sites like youtube?

VinSpee on 15 Apr 2019

@VinSpee I am able to play Youtube videos, but I need to check for other sites, will revert post that.

sara-02 on 15 Apr 2019

@karlcow I have not enabled any ad-blockers so far and using the default tracking setting.

sara-02 on 15 Apr 2019

Was this page helpful?

0 / 5 - 0 ratings

Related issues

www.w3schools.com - Missing "x" (Clear) button

GeorgeWL · 5Comments

www.udemy.com - Unable to pause video from PiP mode window

webcompat-bot · 5Comments

www.paypal.com - desktop site instead of mobile site

halwane050 · 5Comments

live.sfelc.com - The Firefox browser is unsupported

vickychin · 4Comments

www.paypal.com - design is broken

webcompat-bot · 5Comments