After upload to host video doesn't work

I used both techniques as descxribed by heathrow:

var youtubevid = $("<iframe/>");

sym.$("vcontainer").append(youtubevid);

youtubevid.attr('type','text/html');

youtubevid.attr('width','425');

youtubevid.attr('height','350');

youtubevid.attr('src','http://www.youtube.com/embed/0PrmdL2k7AE');  // url/Video_Id

youtubevid.attr('frameborder','1');       // 1 | 0

youtubevid.attr('allowfullscreen','0');   // 1 | 0

and

// Begin copy here

// create a text object called vid;

// the text object, eveything between the quotes is nothing more than a basic snippet from w3schools for html5 video;

var vid = $("<video width='352' height='155' controls='controls'>" +

   "<source src='http://www.w3schools.com/html5/movie.mp4' type='video/mp4' />" +

   "<source src='http://www.w3schools.com/html5/movie.ogg' type='video/ogg' />" +

   "This browser is not compatible with HTML 5" +

"</video>");

// stage symbol lookup, and append the above vid object to it;

// in other words, get the div called 'vcontainer' and attach the video control to it;

sym.$("vcontainer").append(vid);

// additional options for the video object

vid.attr('autoplay','autoplay');

vid.attr('preload','auto');

// End copy here

Embed mp4 / video file in an element created with Edge

And they both work great locally but after I upload to my host I get nada zilch nothing.  Help please!