Video issue: Can't get controls to false or sound to mute

Question

I doing an HTML5 video embed from a streaming video hosting service that I've done a number of times. In this case, it's going to be background video inside of a div called vidCon. I want it when the video plays for both the controls not to appear nor any sound playing. I used the following code on the timeline to fire the video, but the audio does play and the controls do appear. Why is that?
sym.$("vidCon").empty();
var vid = $("<video width='1280' height=720' controls='false'>" +
   "<source src='https://yoursite.com/video.mp4' />" +
   "<source src='https://yoursite.com/video.webm' />" +
   "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.$("vidCon").append(vid);
// additional options for the video object
vid.attr('autoplay','autoplay');
vid.attr('preload','auto');
vid.attr('muted','true');

Answer 1

Well, that surprises me.
Okay...so since the controls are gone and you've handled autoplay, here's what I'd try next (btw, like the above, I didn't test it, but I think this will work):
vid.attr('defaultMuted','true');
Let me know whether it does or not.
btw, without controls, you'll probably want to provide an alternate way for the user to hear the audio (unless you never want them to hear it).