How to extract some data from a sourcecode?

Question

use request.get(url) get a HTML data like following data:

var videoPageInfos = [
    {
    video_id: 'wxv_931280377212174337' || '',
    mp_video_trans_info: [
              {
        duration_ms: '274251' * 1 || 0,
        height: '1080' * 1 || 0,
        url: 'http://mpvideo.qpic.cn/',
        video_quality_level: '3' * 1 || 0,
        video_quality_wording: 'H',
      },
              {
        url: 'http://mpvideo.qpic.cn/20\x26',
        video_quality_level: '1' * 1 || 0,
        video_quality_wording: 'M',
      },

            ],
  },
    {
    video_id: 'wxv_931285674416799744' || '',
    mp_video_trans_info: [
              {
        duration_ms: '289320' * 1 || 0,
        url: 'http://mpvideo.qpic.cn/4',
        video_quality_wording: 'H',
        width: '1440' * 1 || 0
      },
              {
        duration_ms: '289320' * 1 || 0,
        url: 'http://mpvideo.qpic.cn/tjg_nfo',
        video_quality_wording: 'M',
      },
            ],
  },
];

tried to use ast.literal_eval to convert to list/dict but failed. how to split those data to dict ? easy to get video_id ,video_quality_wording and url ?