Loading external H.264 video in movieclip using netstream

Hi there,

I'm pretty new to air development for iOS using Adobe animate CC.

I'm building an iPhone/iPad app that plays multiple videos through a landing screen. I've placed movie clips that play the transition animation and then need to start playing the video. I tried this with .flv and the below script works fine but the videos have a performance issue on iPad (I'm using GPU render mode), hence I want to use H.264 however I can't get it to work.

Here is the structure of my file,

- Frame 1 on root timeline has all the buttons for the videos

- Clicking a button plays gotoandStop to a keyframe label

- The keyframe has a movieclip (mc_vid1) that plays the transitional animation and loads the video inside another movieclip (mc_player) in it

.flv script

var vid:Video = new Video(1280, 720);
addChild(vid);
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
vid.attachNetStream(ns);
var listener:Object = new Object();
listener.onMetaData = function(evt:Object):void {};
ns.client = listener;
ns.play("Step02.flv");

Thanks in advance.