Hello,

To sum this all up, in the first piece of code the <iframe></iframe> code shows up in the, html [ , block: you'll see the IFRAME twice; I tried to take it out of the Carousel and put it into a similar block: similar to the second set of code. In the second set the <iframe></iframe> will not show up. It seems like it will not load into a page that is a carousel. Any ideas?

The code is just a portion from the top. Shows in second set, not in first.

Code:
App.views.FeaturesTicket = Ext.extend(Ext.Carousel, {
    html : [ 
	'<iframe width="310" height="240" src="https://www.youtube-nocookie.com/embed/ulfjglQMTe4?rel=0" frameborder="0" allowfullscreen></iframe>',
	].join("")
},
	{ items: [
        { html: [
			'<iframe width="310" height="240" src="https://www.youtube-nocookie.com/embed/ulfjglQMTe4?rel=0" frameborder="0" allowfullscreen></iframe>',
			'<h1>What is an SMS Autoresponder?</h1>',
			'<p>An SMS autoresponder allows you to schedule and send text messages to your subscribers. You can personalize these messages by dynamically inserting their name or other customer subscriber details into the SMS. This improves response rates helps you maintain a personal relationship with your list.</p>',
            '<table style="width:100%"><tr><td></td><td style="text-align:right;"><img src="http://www.techstriker.com/lead-mob/resources/images/right.png" /></td></tr></table>'
        ].join("")
        },
Code:
App.views.HomeIndex = Ext.extend(Ext.Panel, {
    html: [
        '<iframe width="310" height="240" src="https://www.youtube-nocookie.com/embed/ulfjglQMTe4?rel=0" frameborder="0" allowfullscreen></iframe>',
		'<div class="center" style="border:solid 1px #cccccc;padding:0px;"><img src="resources/images/homeimage.png" width="100%" /></div>',
        '<h1>Ticket Window To Your Event</h1>',
        '',