bodyType

customContents

entityId

printArticlePageQuery

filter

article

body

urlAlias

articleSectionsContent

articleSeoArticle

articleSourceHeaderArticle

contentSchemaRenderContent

contentSubHeadlineContent

contentHeadlineContent

mainImagePrintArticleArticle

authorBlockPrintArticleArticle

contentSponsorTagContent

articlePianoPaywallContent

scmpYoutubeContent

hooksTrackPageViewArticle

query printArticlePageQuery(
  $entityId: String!
  $customContents: [CustomContentInput]
  $bodyType: BodyFormatTypeEnum
) {
  article(filter: {entityId: $entityId}) {
    entityId
    body(customContents: $customContents, type: $bodyType) {
      json
    }
    urlAlias
    ...articleSectionsContent
    ...articleSeoArticle_3o8td4
    ...articleSourceHeaderArticle
    ...contentSchemaRenderContent
    ...contentSubHeadlineContent
    ...contentHeadlineContent
    ...mainImagePrintArticleArticle
    ...authorBlockPrintArticleArticle
    ...contentSponsorTagContent
    ...articlePianoPaywallContent
    ...scmpYoutubeContent
    ...hooksTrackPageViewArticle
    id
  }
}

fragment articlePianoPaywallContent on Content {
  __isContent: __typename
  ...hooksPaywallPromiseContent
}

fragment articleSectionsContent on Content {
  __isContent: __typename
  sections {
    value {
      ...helpersCheckIfNewsSectionInFirstIndexSection
      ...entityLink
      name
      id
    }
  }
}

fragment articleSeoArticle_3o8td4 on Article {
  ...hooksArticleSeoArticle
  ...helpersCheckIsPostiesArticle
  ...helpersGetArticleTypeArticle
  entityId
  publishedDate
  updatedDate
  summary {
    text
  }
  subHeadline {
    text
  }
  body(customContents: $customContents, type: $bodyType) {
    text
  }
  keywords
  sections {
    value {
      name
      id
    }
  }
  topics {
    name
    entityId
    id
  }
  urlAlias
  authors {
    name
    id
  }
  images {
    style(filter: {style: "768x768"}) {
      url
    }
  }
  readingTime
}

fragment articleSourceHeaderArticle on Article {
  urlAlias
  ...entityLink
}

fragment authorBlockPrintArticleArticle on Article {
  ...defaultArticleDateContent
  ...authorNamesArticle
}

fragment authorNameAuthor on Author {
  ...entityLink
  name
  entityUuid
}

fragment authorNamesArticle on Article {
  authorLocations
  authors {
    entityId
    location
    ...authorNameAuthor
    id
  }
}

fragment blockquoteQuoteContent on Content {
  __isContent: __typename
  ...contentShareWidgetContent
}

fragment checkersCheckContentContainsStarlingImageContent on Content {
  __isContent: __typename
  topics {
    entityId
    id
  }
}

fragment contentHeadlineContent on Content {
  __isContent: __typename
  headline
  socialHeadline
  ...contentHeadlineTagContent
  ...helpersUseContentSponsorContent
}

fragment contentHeadlineTagContent on Content {
  __isContent: __typename
  ...hooksContentHeadlineTagContent
}

fragment contentNewsletterWidgetContent on Content {
  __isContent: __typename
  topics {
    relatedNewsletters {
      ...helpersMassageToNewsletterItemNewsletter
      id
    }
    id
  }
  sections {
    value {
      relatedNewsletters {
        ...helpersMassageToNewsletterItemNewsletter
        id
      }
      id
    }
  }
  ... on Article {
    relatedNewsletters {
      ...helpersMassageToNewsletterItemNewsletter
      id
    }
  }
}

fragment contentSchemaRenderContent on Content {
  __isContent: __typename
  ...blockquoteQuoteContent
  ...imageContent
  ...inlineWidgetContent
  ...photoGalleryWidgetContent
  ...scmpYoutubeContent
}

fragment contentShareWidgetContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  shortUrl
  socialHeadline
  headline
}

fragment contentSponsorTagContent on Content {
  __isContent: __typename
  ...helpersUseContentSponsorContent
}

fragment contentSubHeadlineContent on Content {
  __isContent: __typename
  subHeadline {
    json
  }
  summary {
    json
  }
  ...contentSchemaRenderContent
}

fragment defaultArticleDateContent on Content {
  __isContent: __typename
  ...hooksArticleDateUtilsContent
}

fragment entityLink on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  __typename
  entityId
  entityUuid
  urlAlias
  urlRedirect {
    toUrl
    id
  }
  application {
    entityId
    id
  }
  ... on Section {
    fullSectionPath {
      entityId
      id
    }
    parentSection
  }
  ...helpersAppBarVariantBase
  ...helpersApplicationBase
  ...helpersCheckIsPlusArticle
  ...helpersStyleSectionContent
}

fragment helpersAppBarVariantBase on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  ...helpersCheckIsLiveArticle
  ...helpersCheckIsPlusPage
  ...helpersCheckIsPostiesArticle
  ...helpersCheckIsPostiesPage
  ...helpersCheckIsPostMagazineArticle
  ...helpersCheckIsStyleArticle
  ...helpersSectionContent
  ...helpersStyleSectionContent
}

fragment helpersApplicationBase on BaseWithApplicationAndUrlAlias {
  __isBaseWithApplicationAndUrlAlias: __typename
  ...helpersCheckIsPostiesArticle
  ...helpersCheckIsPostiesPage
  ...helpersCheckIsPlusPage
}

fragment helpersCheckIfNewsSectionInFirstIndexSection on Section {
  name
}

fragment helpersCheckIsAmpEnabledArticle on Article {
  entityId
  types {
    value {
      entityId
      id
    }
  }
  sections {
    value {
      entityId
      id
    }
  }
  disableOffPlatformContent
  sponsorType
  published
  ...helpersCheckIsPlusArticle
  ...helpersCheckIsPostiesArticle
}

fragment helpersCheckIsLiveArticle on Article {
  flattenTypeIds
  liveArticle {
    status
    id
  }
}

fragment helpersCheckIsMainTopicContent on Content {
  __isContent: __typename
  topics {
    entityId
    id
  }
}

fragment helpersCheckIsPlusArticle on Content {
  __isContent: __typename
  ... on Article {
    paywallTypes {
      entityUuid
      id
    }
  }
}

fragment helpersCheckIsPlusPage on Page {
  urlAlias
}

fragment helpersCheckIsPostMagazineArticle on Article {
  sections {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsPostiesArticle on Article {
  sections {
    value {
      entityId
      id
    }
  }
}

fragment helpersCheckIsPostiesPage on Page {
  urlAlias
}

fragment helpersCheckIsStyleArticle on Content {
  __isContent: __typename
  sections {
    value {
      entityId
      id
    }
  }
}

fragment helpersGetArticleTypeArticle on Content {
  __isContent: __typename
  ... on Article {
    types {
      value {
        entityId
        id
      }
    }
  }
}

fragment helpersMassageToNewsletterItemNewsletter on Newsletter {
  entityId
  name
  alternativeName
  description {
    text
  }
  summary {
    text
  }
  homepageDescription {
    text
  }
}

fragment helpersSanitizeArticleTypeEntityIdsArticle on Article {
  types {
    value {
      entityId
      id
    }
  }
}

fragment helpersSanitizeAuthorTypesArticle on Article {
  authors {
    types
    id
  }
}

fragment helpersSanitizedAuthorEntityIdsArticle on Article {
  authors {
    entityId
    id
  }
}

fragment helpersSectionContent on Section {
  fullSectionPath {
    entityId
    id
  }
}

fragment helpersStyleSectionContent on Section {
  fullSectionPath {
    entityId
    id
  }
}

fragment helpersUseContentSponsorContent on Content {
  __isContent: __typename
  topics {
    entityId
    sponsor {
      ...sponsorTagSponsor
      name
      type
      id
    }
    id
  }
  ... on Article {
    sponsorType
  }
  ...helpersCheckIsMainTopicContent
}

fragment hooksArticleDateUtilsContent on Content {
  __isContent: __typename
  createdDate
  publishedDate
  updatedDate
}

fragment hooksArticleSeoArticle on Article {
  ...helpersCheckIsPostiesArticle
  ...helpersCheckIsPostMagazineArticle
  ...helpersCheckIsStyleArticle
  ...hooksContentHeadlineTagContent
  ...helpersCheckIsAmpEnabledArticle
  entityId
  headline
  socialHeadline
  types {
    value {
      entityId
      id
    }
  }
  authors {
    entityId
    id
  }
  images {
    generic_og: style(filter: {style: "og_image_scmp_generic"}) {
      url
    }
    styles(filter: {styles: ["og_image_posties_article", "og_postmag", "og_image_style", "og_image_scmp_analysis", "og_image_scmp_explainer", "og_image_scmp_editorial", "og_image_scmp_fact_check", "og_image_scmp_debate", "og_image_scmp_live", "og_image_scmp_obituary", "og_image_scmp_opinion", "og_image_scmp_review", "og_image_scmp_series", "og_image_scmp_generic"]}) {
      url
      style
    }
    type
  }
  urlAlias
}

fragment hooksContentHeadlineTagContent on Content {
  __isContent: __typename
  __typename
  ... on Article {
    types {
      value {
        name
        entityId
        description {
          text
        }
        id
      }
    }
    ...helpersCheckIsStyleArticle
  }
  flag
  sections {
    value {
      name
      id
    }
  }
  ...hooksContentHelperContent
}

fragment hooksContentHelperContent on Content {
  __isContent: __typename
  ...helpersSanitizeArticleTypeEntityIdsArticle
  ...helpersSanitizeAuthorTypesArticle
  ...helpersSanitizedAuthorEntityIdsArticle
  flag
}

fragment hooksPaywallPromiseContent on Content {
  __isContent: __typename
  entityId
  ...helpersCheckIsPostiesArticle
}

fragment hooksTrackPageViewArticle on Article {
  entityId
  publishedDate
  headline
  sections {
    value {
      name
      id
    }
  }
  urlAlias
  authors {
    name
    id
  }
  entityUuid
}

fragment imageContent on Content {
  __isContent: __typename
  headline
  ...checkersCheckContentContainsStarlingImageContent
}

fragment inlineWidgetContent on Content {
  __isContent: __typename
  ...contentNewsletterWidgetContent
}

fragment mainImagePrintArticleArticle on Article {
  images {
    title
    url
    isSlideshow
    size_652x446: style(filter: {style: "652x446"}) {
      url
    }
  }
}

fragment photoGalleryDialogContent on Content {
  __isContent: __typename
  __typename
  ...contentShareWidgetContent
}

fragment photoGalleryWidgetContent on Content {
  __isContent: __typename
  ...photoGalleryDialogContent
}

fragment scmpYoutubeContent on Content {
  __isContent: __typename
  entityId
  urlAlias
  publishedDate
}

fragment sponsorTagSponsor on Sponsor {
  name
  type
  images {
    url
  }
}


sections

types

disableOffPlatformContent

sponsorType

published

headline

socialHeadline

authors

images

publishedDate

updatedDate

summary

subHeadline

keywords

topics

readingTime

authorLocations

entityUuid

SCMP PR

This article was originally published on INMA’s ‘Audio & Video Innovations’ Blog on 21 December, 2020.
Written by: Mat Booth, Director of Video, SCMP
China’s Rebel City is a four-part documentary released by the South China Morning Post that tells the dramatic story of a city at the crossroads. It was published in its entirety on December 8, 2020.
The 2019 protests were among the world’s most visible political events, with local and international news media focusing on confrontations between protesters and police on any given day and time. We had amassed thousands of hours of extensive video footage and produced more than 450 news videos since June 2019, so we wanted to tell a more complete story by giving a fuller sense of the events and the complex story behind the news headlines.
Our YouTube channel had grown to more than 1 million subscribers primarily from publishing short-form videos, so we took the road less travelled by deciding to produce this showpiece hour-long documentary. The idea was to comprehensively chronicle the battle for Hong Kong’s soul with nuance and context, detailing a year of social and political upheaval that led to the passing of Hong Kong’s National Security Law.
Logically, this was a story that can only be told as a long-form video, but we are very aware of the video consumption habits of our online audience, which typically gravitates toward shorter videos, especially on social platforms. However, we were encouraged that viewers were showing more interest in long-form content over the past few years on YouTube, Facebook, and increasingly, Instagram’s IGTV, sometimes watching videos up to 20 minutes long.
With an eye on achieving reach, we ambitiously planned to edit blocks of video within that length and segment the full-length documentary into a multi-part series. To do the story justice, some episodes were longer than others. But we managed to make each part feel complete on its own while encouraging viewers to complete the story by watching all four chapters of China’s Rebel City.
A lot of the violence on the streets captured on camera included intense and disturbing footage that was very difficult to watch. This was one of the reasons why the hour-long documentary was split into four parts. This made it more accessible and more digestible for those who needed some time to reflect before diving into the next one.
What we learned is that, for a documentary with this much quality content featuring emotional rawness and power, the intended duration of the video should not dictate or limit what a compelling story. Online audiences are so massively varied, and video length should not be a determining factor as long as the video possesses a high production value and rich emotional authenticity and value.
The episodes of China’s Rebel City are as long as the story needs them to be, rather than being forced into arbitrary time constraints. That’s one of the beauties of working in the digital space as opposed to traditional broadcast video.


Much of the footage gathered was extremely dramatic and emotional, and we went for a raw treatment. We didn’t do much colour correction or add too many effects. Our priority was to give viewers an authentic feel of the protest by presenting and staying true to what we experienced and saw.
We wanted to put our viewers in the middle of the events so they could feel the immediacy and urgency on the ground. This resulted in a polished yet gritty presentation with well-crafted sequences amidst shaky and tense footage, even including a shot where one of our own producers was struck by a rubber bullet. The use of sound is also really important with the chants and slogans of the protesters featuring heavily to chart the evolution of the movement.
The China’s Rebel City documentary is a companion piece to the book Rebel City: Hong Kong’s Year of Water and Fire, published by the Post in June. As an audio-visual account, it is able to provide a more emotionally immersive experience of what the protests felt like. Much like the book, it gave us the opportunity to revisit key moments of the civil unrest.
We went back to key newsmakers to have them reflect on major turning points and milestones, and share their side of the story. The unparalleled access to ground-zero reporting by award-winning Post journalists provided comprehensive context, and their connections helped secure exclusive interviews with the Hong Kong Police Force, protesters, and representatives from the pro-establishment and -opposition groups.
In putting together the documentary’s narrative, it was essential to take the middle ground in a deeply polarising topic. Like all South China Morning Post reporting on the Hong Kong protests, the treatment of the narrative was fact-based, objective, and, most importantly, balanced. We show multiple perspectives, and we give all stakeholders a chance to present an even-handed account of their stories.
Using a cause-and-effect storyline of the protest movement and the government’s reaction to it, the documentary represents Hong Kong’s internal debate on major issues that dominated the protests. It also provides a thorough and broad overview from a distance, which allows audiences to view things more clearly than before.
China’s Rebel City aims to present the events of Hong Kong’s civil unrest in their totality by showing perspectives from the authorities and the point of view of the protesters. It is a stark reminder of what the city went through in 2019 and early 2020, as well as the issues that still remain after the passing of the National Security Law; for many people in the city, the root of their anger and frustrations continue to endure.
Our journalists, photo editors, and videographers covered these protests on-site at great risk to their physical safety. Some have been subjected to physical harassment and strong verbal abuse just for doing their jobs to cover the unrest. This documentary is a testament to their effort and sacrifice.
We believe China’s Rebel City will serve as a valuable chronicle to help viewers outside Hong Kong grasp the complexity of the political and social situation as a whole, the evolution of the protest movement, and the emotional strain suffered by all those who lived through it.


SCMP video documentary series explores the evolution, emotional depth of Hong Kong protests

“The Hong Kong Protests China Rebel City”, a documentary on the Hong Kong protest, a production  of South China Morning Post (SCMP).

SCMP PR Blog


SCMP’s video documentary series, China’s Rebel City, provides a comprehensive account of the 2019 protests with immersive audio and visuals.
With on-the-ground footage and exclusive interviews with police, protestors, political organisations and the government, China’s Rebel City presents 2019’s civil unrest in its entirety .

