Embed YT vid in the sensitive layout?

Hey DW'ers

It's my first stab at responsive Web design call so I went with a model. Refinement of the model is (more), but I can't get YouTube videos to incorporate.

' ' I did a search on these forums using "root a video' and ' HTML5 video" (the latter was more confusing). I looked this way w3schools site.  I also saw the link of Nancy to the pickle player, but do I really only for the coating of a YT vid?  I use CS5 and sure enough it's non-nuage since DW keeps invites me to upgrade.

I have this code from the template designer:

. Video-wrapper {}

position: relative;

padding-bottom: 56.25%.

padding-top: 30px;

height: 0px;

overflow: hidden; }

. Video-wrapper iframe, .video-wrapper object, .video-wrapper add {}

position: absolute;

top: 0;

left: 0;

Width: 100%;

height: 100%; }

I searched the Internet and found this:

Player-.youtube {}

border: 1px solid #1D740C;

height: 390px ;

Width: 480px ;

padding: 0px ;

margin left: 25px ;

margin-bottom: 25px ;

}

They both add an area in split view (design), but when I record and display in the browser, I get are the two lines of text in the iframe. I have a book on mobile design, but who said just to add the excerpt from iframe YT - no info on the attributes of div tags or class at all.

What I'm missing?  The page is http://www.dirtbikes101.com/articlehtmls/articleYTvids.html

Thank you!

Chris

You currently have...

You must have...

And it will work.

EDIT: The main problem is the position of the end of the opening tag support. You need to move it to the end of attributes (just after frameborder = "0").

Tags: Dreamweaver

Similar Questions

  • Problem to see sensitive layouts in the browser

    Hello

    Anyone know why I can't see my Tablet - Office - 3 layouts - using sites like this-- http://toddmotto.com/Labs/responsive/

    This my sensitive layout - http://museapp-aula01.BusinessCatalyst.com/index.html

    But just show me the desktop version... When I see the iPad works well.

    Someone had this problem?

    concerning

    __Felipe

    Reactive Adobe Muse CC 2015 is now online. Please install the update of CC > Apps.

    What's new: news summary

    Release notes: https://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html

    Delicate design:

    Adobe help Muse | Create responsive Web sites

    Adobe help Muse | Responsive web design in Adobe Muse

    Adobe help Muse | Migrate existing Adobe Muse Web sites to answer

    Tutorials

    To get started with Adobe Muse (replaces how to make a website with Adobe Muse (coffee of Katie)):

    - https://helpx.adobe.com/muse/how-to/create-responsive-website.html

    Create a sensitive webpage with Adobe Muse:

    - https://helpx.adobe.com/muse/how-to/responsive-web-design.html (more detailed features RWD of Muse demo)

    Thank you

    Sanjit

  • Is it possible to customize the sensitive presentation - sequence of the table of contents, Index, tabs filter?

    Hello

    I use RoboHelp 2015 and reactive production layout, I need to rearrange these tabs. I want the tab of filtering of dynamic content to be displayed before the table of contents.

    Is it possible to re - sequence tab filters before tab table of contents by making some backend work in CSS or code?

    forum post.png

    Or the other way improved - if we select filters say - sales, then sales related subjects should be displayed (rather extended below - just like the expansion of text).

    Is it possible to customize the sensitive provision in this way?

    --

    Thank you

    Christophe

    It is possible through the HTML code. In Notepad, open the file "Topic.slp". On line 35, you will see a list of links:

    You can cut and paste the link to get the correct order. The first tag appears on the left side. Please be sure to cut and paste the entire link ''.

  • Sensitive Layouts stocks?

    I feel that many people would benefit stock grid Layouts, updated map and navigate through the Pages.

    There are probably a lot of people who want to just be operational quickly and quickly see the content in their application. I have seen that the equivalent of the Content Viewer app is coming and who is great news.

    I feel like Adobe can provide a single stock installation sensitive grid to layout/map that consists of a stack of base pairs from image/blurb.

    Yes this is not a one size fits all solutions, but then users have the opportunity to go beyond the stock Layouts and generate/produce their own based on existing tools.

    I also feel that users must also be able to generate/reproduce their own sensitive layouts (grid/map/browse Pages). Having to create these feels counterintuitive fixed layouts in an environment where all of the media, we are surrounded with more responsive is all the time.

    Hey Rafi,

    We plan to add a few extra example maps/layouts and somehow increased their creation in the near future.

    Can you elaborate a little bit on the layouts of sensitive and how you would see their behavior? What do you mean by generation/produce your own layouts sensitive?

    Right now the grid is scaling of the device that you see in, scale of maps based on the grid, and you can set the positioning of elements in the map (padding/margins) in % they also operate on smaller devices.

    Kind regards

    Andrei

  • How can I change the page layout in a horizontal orientation project

    Hello

    I created a horizontal application, but could not go beyond the image of intro (at my home collection). I looked at the default layout and it seems that it is the portrait, even setting the app is horizontal. (See below). I can't know how to adapt to a horizontal provision. Did I miss an option somewhere?

    Thank you

    Leo

    Screen Shot 2015-07-19 at 7.36.57 PM.png

    Hi Leo,

    You don't miss any options. The parameter for establishing the horizontal application is in the actual application settings - you guessed right.

    For now, the preview does not react to these parameters. The preview is a rough indication of the works of the grid. The same grid will be sensitive (stretching / tilt) to accommodate different devices & guidelines, while maintaining the (AR) proportion of cells (the main unit of page browse).

    If you post any content/layout in your application, the page browse will make as expected (horizontally), despite this quick overview is shown in portrait only.

  • How can I create a new presentation of shop e-commerce in British Colombia? The default layout is inadmissible and who do not steal! :)

    Hello to everyone.

    I've been building and development using BC for awhile but avoids the functions of e-commerce like the plague, because of all my knowledge and trial a mistake, I couldn't adjust available outside the columns of the table how much I can add. I'm looking to create some sensitive stores but feel completely constrained by the store layout because it can't be adjusted. Yes I tried the same and adjustment module style sheet styles declare my rules with "!" important"with no luck. I then asked the team to BC online chat. If it was still possible, and they said 'no' dish. Then I saw 'light at the end of a tunnel' If you want by browsing a few Business Catalyst models (I honestly can't bring myself to use models that I like a lot of this building and landscaping my own pages). With this model here, the cameras and accessories you can see the shop features sensitive so I know it's possible (Damn you BCGurus and your mad skills). I also found some amazing layouts by Enough of Pollution , which has also made a few sensitive shop like this Web sitelayouts.

    Overall, how can I achieve this? How can I create a fully customized store page layout and virtually any custom also available? I have the feeling that I needed to learn the programming language for this liquid, but seriously, the indications at this point would be greatly appreciated! If I learn liquid programming, I'd love to learn where there might be some amazing courses / tutorials / documentation. I have the feeling, it comes down to create my own model of liquid layout and rerouting of the off-set modules in the new model... I'm on the right track?

    Sorry, so many questions. Let me tackle that I really want to know haha!



    • How can I create a layout of the sensitive shop in British Colombia?
    • What would be the necessary steps?
    • If I need to build models of liquids, where can I learn all this? (I know that the BC user guide has much butI will not lie, it's a little overwhelming)

    Thank you all so much for your time in reading this and I greatly look forward to learn more about Business Catalyst. Honestly, I'd love to try and use this platform for all of my clients.

    Hello

    Support will be have not said you that it was not possible, they would have told that it is outside the scope of their support. Is this possible? Of course, it's, it's the foundations of basic BC, HTML and CSS more then anything else.

    Honestly, it has nothing to do with incredible skill, amazing code or anything else.

    First of all, BC is just tags and you should use reference material:
    The developer reference

    Here you see the overall plan and tags. If you look at the list of product tags you see that you can set in a list schema (no tables).

    From there allows you to encode your small layout, large presentation cart layout, provision of registration (payment) because you need to and code the CSS to adapt.

    -You can float elements so float the li of the store

    -The basics of the CSS to make the elements of fluid width of code etc.

    -Questions from the media CSS code to make sensitive matters

    All pretty much toast front-end html, css, nothing special here development stuff. You have classes on the points for each element of a line in British Colombia according to the parameters that you set on the tags and so on.

    If you want to take the next step you enable liquid markup in the characteristics of BC and take things further.

  • Create a photomontage showing sensitive layouts

    Hello

    Photoshop forum suggested I have move the DreamWeaver forum for this. I'm a web designer. I would like to show a thumbnail view of sensitive sites that I created on my own Web site which shows a site (using the actual URL), especially in a montage of different sensitive layouts. It's a common Assembly. Is there a way to generate this using a URL, any tool or software? I don't want to create a slideshow. First of all, I went to Photoshop because a company told me that's what they did to create this. I like to keep things simple and googled exhaustively nothing helps.

    sampleimage.png

    I have one more for you.  PlaceIt allows you to drop your own screenshot into a picture of a web device - tablet, iPhone, Android, Samsung Galaxy etc...

    https://placeIt.NET/?f_devices=iPad

    Nancy O.

  • sensitive layout via .oam fie in dreamweaver cc

    Hello

    I am trying to insert a composition inspired by the sensitive edge layout in a Web page created in the latest version of dreamweaver cc.

    When I create the sensitive provision at busy border and previsualisez in a browser, the reactive layout works - by stretching or shrinking of the iin image question
    (http://to http://127.0.0.1:54321/_DRIVE_D_EVIRD_/Creative%20Cloud%20Files/packexplorer/test5.html?mo = preview)

    However, when I publish the composition in the form of file .oam and insert it in my dreamweaver page (insert-> media-> composition help animate edge) - it appears but the page layout is more sensitive. the image remains static depending on its dimensions and does not respond to the resizing of the browser. (http://packexplorer.com/edgetest.php).

    I am trying chrome - but same results in ie and firefox.

    Am that I missign something? Is not admissible does edge anime work when it is deployed as a .oam file in a dreamweaver cc page?

    Thank you

    Hey, bobba-

    I'm not 100% sure of this, but my guess is that Dreamweaver assigns an OAM by using a container of fixed size.  In order to control the size of the container, you will need to explicitly declare an iframe, refer to animate it HTML, and then change the size of the iframe.  I have an example of how doing that in the sample "Floral Match Maker", explained here in this blog:

    http://blogs.Adobe.com/edge/2013/09/05/floral-matchmaker-Tutorial-3-hiding-and-showing-the - game-board.

    Hope that helps!

    -Elaine

  • Is it possible to change the sensitivity of the mouse in the sierra?

    Is it possible to change the sensitivity of the mouse in the sierra?

    Open system preferences > mouse

    See: Customize your mouse > the basics of the Mac: set your preferences - Apple Support

  • I get a white extra page when I uncheck shrink to fix in the printer layout

    I print of in firefox 32.0.1 and I unchecked the shrink to fit page width in the page layout. My impression looks like now there but Joanie I get an additional blank page. If I check my impression looks bad but no extra page prints.

    This happens with every page you are trying to print from Firefox?

    This happens quite often when the printed page looks like it should appear on the page, but made a few extra padding or a white space at the bottom, that runs on a second page.

    If this is true, then the simplest solution is to enter a print range in the print dialog box ("' Pages of: 1: 1" ").

  • Sorry, but I don't like the new layout

    The new layout looks slick and all, but it is very difficult to follow the discussions. Please fix. I would like to see all the messages and click on see all responses. It seems much harder to navigate the site with these new changes. Am just missing something?

    Alfredo Jahn wrote:

    Am just missing something?

    Yes.

    Lack you an understanding of the terms of use of the Apple Support communities that you agreed using communities.

    Apple Support communities use agreement

    You comment on changes to the community of Apple support in the region of El Capitan.

    • You did so ask any technical question.
    • You have lost your comment, because it has nothing to do with OS X El Capitan.
    • Instead, you must submit your comments to Apple http://www.apple.com/feedback
  • Firefox is not in the new layout, and I wish it were.

    I just installed firefox and I know that most people like the former route with the edit veiw history bookmarks tools and help file, but I liked the new layout with the orange button that says firefox and it was almost primarily as a tab that had all the options and I love this waaayy better, but now firefox is in the former route and I do not. in any case, I can switch to the new? BTW firefix is also updated.

    You get the orange Firefox menu button when the menu bar is hidden.

    • Firefox menu button > Options
    • View > toolbars (press F10 to display the menu bar)
    • Right click on empty toolbar space

    See also:

    Press the F10 key or press the Alt key to bring up the hidden 'bar menu' temporarily if necessary.

  • I don't like the new layout, how can I go back the old traced page?

    I don't like the new layout, how to get back the old layout of the page?

    Looks as if you just use the option to hide the navigation toolbar.

    It will be probably temporarily reappear if you press Alt on the keyboard. You can set to display help (I think that - not in Windows Me)

    • Firefox-> toolbars-> toolbar Navigation
  • Satellite Pro C660-167: someone knows how to change the sensitivity of the keyboard?

    Anyone know how to change the sensitivity of the keyboard? Having real problems when entering laptop missing letters. !
    Very annoying!

    Hello

    I think that this problem could be solved by the BIOS updated.
    Please take a look on Toshiba European driver page and download the latest version of the BIOS.

    I read here in the forum to the similar topic with another series of notebook and the BIOS update does work.

    Good luck

  • I rolled again Firefox 4.0 to 3.6 and now my navigation bar still looks like instead of 3.6 4.0 how to get the old layout back?

    I rolled again Firefox 4.0 to 3.6 and now my navigation bar still looks like instead of 3.6 4.0 how to get the old layout back?

    The fastest way is to use the option 'Restore the default toolbar set' as shown here - https://support.mozilla.com/kb/Back+and+forward+or+other+toolbar+items+are+missing

Maybe you are looking for

  • Questions write equations to existing variables in Hp 50 g

    Hello I'm studying for the exams in June and I'm writing long equations in my HP (algebraic, std, degrees, rectangular), but whenever I try to write a new one, if there is a variable with the same name, it displays its value, not the name I typed. I

  • How to find out who is the administrator account on my laptop if there are three users

    My son and daughter created the user account on my laptop how I tell me who is the administrator user and change in me. now, I can not even run or install your antivirus to protect my laptop because it asks me to the administrator. any suggestions?  

  • Windows 8 Pro not mounting ISO image

    I have problems of mounting iso images of Windows 8 for a few days now. I looked at the wire http://answers.Microsoft.com/en-us/Windows/Forum/windows_8-performance/ISO-image-mounting-problems-under-Windows-8-Pro/cf9123c1-c8fa-4A01-a8e7-925fdb68d0b1 b

  • Is the Surface Pro 3 i3 powerful enough to HAVE?

    I am looking to buy a Surface Pro 3 (or model not Pro), model cheaper i3/4 GB of RAM.My concern is that I work with a lot of large images or many effects that tend to drag my laptop current (i7, 16 GB of RAM) or flat to the unrasterizable; some of th

  • Lightroom 4 8.3 raw converter

    Can someone explain how I can install camera raw 8.3 in lightroom 4.  Are there side effects?  Thank you - mcusty