webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
734 stars 63 forks source link

www.cnet.com - video doesn't play #1583

Closed webcompat-bot closed 8 years ago

webcompat-bot commented 9 years ago

URL: http://www.cnet.com/videos/this-vr-chair-revolves-360-degrees-vertically-tomorrow-daily-232/# Browser / Version: Firefox Mobile 43.0 Operating System: Android 5.0.2 Problem type: Video doesn't play

Steps to Reproduce 1) Navigate to: http://www.cnet.com/videos/this-vr-chair-revolves-360-degrees-vertically-tomorrow-daily-232/# 2) Can not play Videos.

Expected Behavior:

Actual Behavior:

karlcow commented 9 years ago

The HTML markup contains a data-cnet-video-options=" [Cut a very long 19533 characters long escaped string ]". I wonder if there is a size limit on attributes values.

<div class="mobilePlayer">
    <div id="player470354" 
            class="cnetVideoPlayer" 
            data-tpbaseurl="http://cnet2.cbsistatic.com/fly/bundles/cnetmpxpdk/pdk" 
            data-component="cnetVideo" 
            data-cnet-video-options=" [Cut a very long 19533 characters long escaped string ]">
        <div data-item="loadingCircle" id="loadingCircle"></div>
        <div id="customPlayerCards">
            <div data-item="resumePlaybackCard">
                <div class="tpPlayerCard tpResumePlaybackCard" id="tpAgeVerificationCard">
                    <div class="tpResumePromptMessage">This content is rated TV-MA, and is for viewers 18 years or older. Are you of age?</div>
                    <div class="tpMenuButtons">
                        <a data-s-object-id="tpAgeVerificationCard;tp_generic_id_0" href="#customPlayerCards" class="tpButton tpVerify" tp:label="Yes" id="tp_generic_id_0">
                            <div class="PlayerLabelFont PlayerControlLabelFont">Yes
                            </div>
                        </a>
                        <a data-s-object-id="tpAgeVerificationCard;tp_generic_id_1" href="#customPlayerCards" class="tpButton tpNoVerify" tp:label="No" id="tp_generic_id_1">
                            <div class="PlayerLabelFont PlayerControlLabelFont">No
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div data-item="ageNotVerifiedCard">
                <div class="tpPlayerCard tpAgeNotVerifiedCard">
                    Sorry, you are not old enough to view this content.
                    <br>
                </div>
            </div>
        </div>
        <script data-item="abCheck" src="http://cnet3.cbsistatic.com/fly/bundles/cnetjs/js/utils/advertisement.js" type="text/javascript"></script>
    </div>
</div>

Once we prettify that long string, we get a JSON Object of 478 lines.

In that long string, I see things like:

"files":{"hds":"0dy6_rtmelXM","hls_tablet":"phUiX5rzUcnI","3g":"H9b4FoAJCzxa","wifi":"mEOVEozNn5N3","hls_phone":"M5dUcxa6GuAs"}}

The full JSON is

{
  "video": {
    "id": "2fffcabf-5e4c-4add-9ca2-c8e855e2b36b",
    "title": "This VR chair revolves 360 degrees vertically (Tomorrow Daily 232)",
    "description": "",
    "slug": "this-vr-chair-revolves-360-degrees-vertically-tomorrow-daily-232",
    "chapters": {
      "data": [
        {
          "text": null,
          "time": 694,
          "image": null,
          "id": "71768fea-d245-4f97-9dee-037616ff6c9d",
          "typeName": "content_video_version_chapter"
        }
      ],
      "paging": {
        "total": 1,
        "limit": 15,
        "offset": 0
      }
    },
    "duration": 1107,
    "mpxId": "513640003732",
    "mpxRefId": "eZr0L0mFfyaPIxnCkCLSDTpWTEljetue",
    "primaryTopic": {
      "id": "1c31d95d-c387-11e2-8208-0291187b029a"
    },
    "author": {
      "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
      "firstName": "Ashley",
      "lastName": "Esqueda"
    },
    "primaryCollection": {
      "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
      "title": "Tomorrow Daily"
    },
    "files": {
      "hds": "0dy6_rtmelXM",
      "hls_tablet": "phUiX5rzUcnI",
      "3g": "H9b4FoAJCzxa",
      "wifi": "mEOVEozNn5N3",
      "hls_phone": "M5dUcxa6GuAs"
    }
  },
  "videos": [
    {
      "id": "2fffcabf-5e4c-4add-9ca2-c8e855e2b36b",
      "title": "This VR chair revolves 360 degrees vertically (Tomorrow Daily 232)",
      "description": "",
      "slug": "this-vr-chair-revolves-360-degrees-vertically-tomorrow-daily-232",
      "chapters": {
        "data": [
          {
            "text": null,
            "time": 694,
            "image": null,
            "id": "71768fea-d245-4f97-9dee-037616ff6c9d",
            "typeName": "content_video_version_chapter"
          }
        ],
        "paging": {
          "total": 1,
          "limit": 15,
          "offset": 0
        }
      },
      "duration": 1107,
      "mpxId": "513640003732",
      "mpxRefId": "eZr0L0mFfyaPIxnCkCLSDTpWTEljetue",
      "primaryTopic": {
        "id": "1c31d95d-c387-11e2-8208-0291187b029a"
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": "Tomorrow Daily"
      },
      "files": {
        "hds": "0dy6_rtmelXM",
        "hls_tablet": "phUiX5rzUcnI",
        "3g": "H9b4FoAJCzxa",
        "wifi": "mEOVEozNn5N3",
        "hls_phone": "M5dUcxa6GuAs"
      }
    },
    {
      "id": "addd21ab-957f-4526-8750-a6f038114edf",
      "title": "'Star Wars' #ForceFriday event is an 18-hour, live unboxing stream (Tomorrow Daily 233)",
      "description": "Ashley and Khail wonder what kinds of \"Star Wars: The Force Awakens\" toys will be unboxed next week during a global live stream, send kudos to the Open Bionics team for their James Dyson UK award and see what future-fashion designer Anouk Wipprecht and Audi have been up to. #TDUnbox",
      "slug": "star-wars-forcefriday-event-is-an-18-hour-live-unboxing-stream-tomorrow-daily-233",
      "chapters": "",
      "duration": 1270,
      "mpxId": 513753155846,
      "mpxRefId": "Di4CPXsyLrt5IpB8VzPJ5w1Poq5dUdJi",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "3g": "OTYX7dbgHmkj",
        "hds": "yOI1mNJfO_Gw",
        "wifi": "3cI7DSKm2_qh",
        "hls_tablet": "RGstdj2Sfqrt",
        "hls_phone": "mju5TVddVYyv"
      }
    },
    {
      "id": "b292a86b-0622-4f09-a7e6-d0da93aa0681",
      "title": "Vinylify makes individual record pressings affordable (Tomorrow Daily 231)",
      "description": "Ashley and Khail discuss a new service that hand cuts vinyl records on demand, a first-person shooter that made its debut on Chatroulette and a robot attempting to learn how to make pancakes. #TDAlbum",
      "slug": "vinylify-makes-individual-custom-records-affordable-tomorrow-daily-231",
      "chapters": "",
      "duration": 1487,
      "mpxId": 512374339702,
      "mpxRefId": "xB3xi2G8S_Xlz2mn8y6gJJ6RHmgQp6PA",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "wifi": "MG9V5CR0WOW8",
        "3g": "q0Tgky2YS7s_",
        "hds": "DOw3fl8jN_3J",
        "hls_tablet": "3zHqmhVs5eFc",
        "hls_phone": "_r_XebIrl4pw"
      }
    },
    {
      "id": "00bc47a2-6c19-4bca-a66d-f1f495b3608a",
      "title": "Banksy's dystopian theme park looks delightfully depressing (Tomorrow Daily 230)",
      "description": "Khail and Ashley discuss the weird theme park Banksy created alongside dozens of other artists, check out a special new paint that doesn't fade, crack or retain heat and watch MIT's new 3D printer use glass as a printing material.",
      "slug": "banksys-dystopian-theme-park-dismaland-delightfully-weird-tomorrow-daily-230",
      "chapters": "",
      "duration": 1398,
      "mpxId": 512259139912,
      "mpxRefId": "DNoCVq30o_qVvoLZHCnWeedNLOgXenyC",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "3g": "STV0t2dAomB5",
        "hds": "hqnmdxNT2zgn",
        "wifi": "SLcGVxrCCdVw",
        "hls_tablet": "ZiXlqHF3vRid",
        "hls_phone": false
      }
    },
    {
      "id": "5d69a511-8db6-4273-83b7-9e8a1ee0edb5",
      "title": "James Cameron on virtual reality: 'Yawn' (Tomorrow Daily 229)",
      "description": "Khail and Ashley discuss \"Avatar\" director James Cameron's decidedly lukewarm feelings toward VR, explain how a book can bring safe drinking water to areas in need, and get teary-eyed watching a little girl throw a pitch with her 3D-printed hand. #TDYawn",
      "slug": "james-cameron-vr-virtual-reality-yawn-tomorrow-daily-229",
      "chapters": "",
      "duration": 1411,
      "mpxId": 509717571727,
      "mpxRefId": "VcSfPPS3dejM4YIw5ZH4ImzUzJPDJ6JI",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "hds": "kxUMSYCrQ_sw",
        "hls_tablet": "FEG6H_4viGLN",
        "3g": "V41MIDtE9Tjq",
        "wifi": "PXueYo7nWfh5",
        "hls_phone": false
      }
    },
    {
      "id": "c8cd21bc-6b9f-4b5f-8b97-887f1c4f6435",
      "title": "Man-made meteor showers for Tokyo 2020 Olympic Games (Tomorrow Daily 228)",
      "description": "Ashley and Khail explain how a man-made meteor shower could make a big splash at the 2020 Summer Games, discuss a new full-body VR immersion system and wish they had enough money to afford a huge Lite-Brite for adults. #TD2020",
      "slug": "man-made-meteor-showers-ale-star-tokyo-2020-olympic-games-tomorrow-daily-228",
      "chapters": "",
      "duration": 1344,
      "mpxId": 508844611709,
      "mpxRefId": "OkVr9kW6v9uwbAMjS2BNY5Mw1nrMlhEe",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "hds": "2FQfkYTMB8ak",
        "3g": "vYqaceZIVSMq",
        "wifi": "dDpIFtZ9K8Rn",
        "hls_phone": "IbMjlL8dIYzM",
        "hls_tablet": "OV5QfWe157xd"
      }
    },
    {
      "id": "8596248a-964a-41a8-828a-c4bb1ce8a541",
      "title": "A wearable for your four-legged friend (Tomorrow Daily 227)",
      "description": "Khail welcomes Cybernova to the show in Ashley's absence to discuss a dog collar with a huge list of features, the television industry's interest in virtual reality and a couple of handy dads who created some awesome \"Star Wars\" gear for their infants. #TDTVVR",
      "slug": "a-wearable-for-your-four-legged-friend-tomorrow-daily-227",
      "chapters": "",
      "duration": 1196,
      "mpxId": 508042307947,
      "mpxRefId": "3vHOdzedqnmUCRs8_hFtyXr2NmBSLsOd",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "",
        "firstName": "",
        "lastName": ""
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "wifi": "tt5VzN57vNm3",
        "3g": "S1_4VEbbTZiu",
        "hds": "SFulgA5seDaG",
        "hls_phone": "S_bpflfApZ2G",
        "hls_tablet": "3hnZEzjeP_N6"
      }
    },
    {
      "id": "79843214-b428-4476-86aa-e578c4c2237f",
      "title": "Disney's D23 Expo brings Star Wars, Marvel, theme parks together (Tomorrow Daily 226)",
      "description": "Khail and Ashley enjoy all the important news out of Disney's annual D23 convention, discuss how a robotic arm could make abdominal surgeries easier and cheaper and watch Volkswagen's prototype stroller use sensors to detect its surroundings. #TD23",
      "slug": "disney-d23-expo-star-wars-marvel-park-expansion-together-tomorrow-daily-226",
      "chapters": "",
      "duration": 1492,
      "mpxId": 507015747960,
      "mpxRefId": "j1tGEJeOcvyTGuoBBU5_KuJysUn9iGY6",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "3g": "l41xNWM3qvZv",
        "hls_phone": "4vwq0fizGdjx",
        "hds": "BuI7HGIjgFqX",
        "hls_tablet": "O45JNgKtKmPv",
        "wifi": "1AYDGb7KxX67"
      }
    },
    {
      "id": "d35fa0c0-2a37-4b16-bc74-5f69e9fa8186",
      "title": "We want this robot to play Nintendo games with us, too (Tomorrow Daily 225)",
      "description": "Ashley and Khail wish they each had a robot sidekick to play video games with, hear beautiful music from a transparent, 3D-printed electric violin and explain how MIT is trying to give robots human reflexes. #TDRoboPal",
      "slug": "nao-robot-play-nintendo-games-wii-tennis-tomorrow-daily-225",
      "chapters": "",
      "duration": 1050,
      "mpxId": 504361539796,
      "mpxRefId": "nF_OYn_LxBvoYCOemZZNRLukk6mm2rvj",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "wifi": "ZjkB4MdvgPpu",
        "hls_phone": "1e6ZRtBfvR_H",
        "hds": "wfuIzAvgxowC",
        "3g": "ufJjQaddXiV1",
        "hls_tablet": "31J9r3g4tR6f"
      }
    },
    {
      "id": "a42d20fd-c2ff-4163-8793-0e5e3536623f",
      "title": "Turn our TV into a touchscreen? We're listening... (Tomorrow Daily 224)",
      "description": "Ashley and Khail investigate the Touchjet Wave and its goal of turning your TV into a huge touchscreen, discuss an action camera that automatically edits your footage for you and pine for a personal vehicle you can fit in your backpack. #TDWave",
      "slug": "turn-our-tv-into-a-touchscreen-touchjet-wave-indiegogo-tomorrow-daily-224",
      "chapters": "",
      "duration": 1342,
      "mpxId": 503156291607,
      "mpxRefId": "Qvm6Yxlz5D_OrATV9tAS9iRSrvoSmPGp",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "wifi": "DYTco9d40AUD",
        "hds": "8oNfY8rEAPdo",
        "hls_tablet": "ww8XtjRRtVrh",
        "3g": "2thTvJeH8xsh",
        "hls_phone": "a8eLBv_GnYpQ"
      }
    },
    {
      "id": "5b05fc9a-1d05-4b82-a342-e28be1ef91e6",
      "title": "Emo universe slowly creating less energy, wearing more black holes (Tomorrow Daily 223)",
      "description": "Ashley and Khail discuss the futility of life after learning the universe is slowly making fewer stars, explain how the \"John Wick\" franchise will utilize VR and watch ISS astronauts eat lettuce grown entirely in space. #TDRIP",
      "slug": "emo-universe-slowly-creating-less-energy-wearing-more-black-holes-tomorrow-daily-223",
      "chapters": "",
      "duration": 1378,
      "mpxId": 502482499936,
      "mpxRefId": "VBvswhfNdiCP1GzTi0_ZpjzuV_KhlTW3",
      "primaryTopic": {
        "id": ""
      },
      "author": {
        "id": "b163284d-6b73-44fc-b3e6-3da66c392d40",
        "firstName": "Ashley",
        "lastName": "Esqueda"
      },
      "primaryCollection": {
        "id": "b1ef852a-377b-4a87-832a-72f27fe57c57",
        "title": [
          "Tomorrow Daily"
        ]
      },
      "files": {
        "hds": "V1sHzC90ipqb",
        "3g": "SEmfAIaZ5Gul",
        "hls_tablet": "bupfHuDxuFxf",
        "hls_phone": "wrNOkaw5WmBO",
        "wifi": false
      }
    }
  ],
  "relatedItems": "513753155846|512374339702|512259139912|509717571727|508844611709|508042307947|507015747960|504361539796|503156291607|502482499936",
  "autoplay": "false",
  "timelineContainer": null,
  "vidInfoContainer": null,
  "monitorProgress": null,
  "refreshAds": null,
  "timeRange": "",
  "popOnScroll": false,
  "config": {
    "policies": {
      "default": 11417438
    },
    "players": {
      "default": {
        "mpx_account": "kYEXFC",
        "runtimes": "Flash,HTML5",
        "playerUrl": "http://player.theplatform.com/p/kYEXFC/cnet-video-player",
        "layoutUrl": {
          "desktop": "/bundles/cnetvideo/pdk/skins/cnet/cnetLayout.desktop.xml",
          "mobile": "/bundles/cnetvideo/pdk/skins/cnet/cnetLayout.mobile.xml",
          "videoDoor": "/bundles/cnetvideo/pdk/skins/cnet/cnetLayout.videoDoor.xml"
        },
        "skinUrl": {
          "desktop": "/bundles/cnetvideo/pdk/skins/cnet/cnetSkin.desktop.json",
          "mobile": "/bundles/cnetvideo/pdk/skins/cnet/cnetSkin.mobile.json"
        },
        "colors": {
          "controlFrameColor": "0x3e3e3e",
          "controlBackgroundColor": "0x656565",
          "controlHoverColor": "0xffffff",
          "controlSelectedColor": "0xffffff",
          "controlColor": "0xbbbbbb",
          "frameColor": "0x3e3e3e",
          "playProgressColor": "0x4583b2",
          "scrubberFrameColor": "0x61809e",
          "scrubberColor": "0xffffff",
          "scrubTrackColor": "0x3a424d",
          "pageBackgroundColor": "0x000000"
        },
        "plugins": {
          "1": "vast",
          "2": "omniture",
          "3": "dw",
          "4": "comscore",
          "5": "nielsen"
        }
      }
    },
    "tracking": {
      "can_partner_id": "canPartnerID",
      "comscore_id": "3000085",
      "comscore_home": "3000085",
      "comscore_news": "3000078",
      "comscore_reviews": "3000087",
      "comscore_videos": "3000088",
      "nielsen_cid": "us-200330",
      "nielsen_vcid": "c07",
      "nielsen_vcid_reviews": "c05",
      "nielsen_vcid_home": "c07",
      "nielsen_vcid_news": "c08",
      "nielsen_vcid_how_to": "c09",
      "nielsen_vcid_videos": "c20"
    }
  },
  "layoutUrl": "http://cnet4.cbsistatic.com/fly/bundles/cnetvideo/pdk/skins/cnet/cnetLayout.mobile.xml",
  "skinUrl": "http://cnet4.cbsistatic.com/fly/bundles/cnetvideo/pdk/skins/cnet/cnetSkin.mobile.json",
  "baseUrl": "http://www.cnet.com/",
  "runtime": "HTML5",
  "policy": null,
  "adBlockTitle": "Please disable ad block",
  "adBlockMessage": "This video is unavailable because we were unable to load a message<br>from our sponsors. If you are using ad blocking software, please<br>disable it and reload the page.",
  "noFlashTitle": "Flash Player upgrade required",
  "noFlashMessage": "Please <a href=\"http://get.adobe.com/flashplayer/\" target=\"_new\">download and install</a>  the latest version of the Adobe Flash Player to watch this video.",
  "hideItem": null,
  "targetItem": null,
  "partnerId": null
}
karlcow commented 8 years ago

On Gecko with a Chrome UA we can play the video as we can on Firefox Android. It's just that sometimes it takes a loooong time.