IFRAME triggered

Hi all

I use adobe muse because I have no experience with html, css, or javascript

I'm trying to trigger a video when the player clicks on a button. But the muse adobe widget can not give me the result I want.

The video is a youtube embeded video, I could host my video but I think it's easier like that.

I tried different things, using html, css and javascript, although I don't know anything.

I've almost figured out how do it by myself. I think that (haha).

header:

< div style = "position: fixed;" Width: 100%; height: 100% ">"

< iframe id = 'youtube' name = 'youtube' frameborder = "0" height = "100%" width = "100%" frameborder = "0" allowfullscreen > < / iframe >

< / div >

body:

" < a href =" https://www.YouTube.com/embed/MoQEPx30KHQ?AutoPlay=1 & loop = 1 & MoQEPx30KHQ = playlist & controls = 0 & showinfo = 0 & rel = 0 & modestbranding = 1 "target ="youtube"> < /a > BUTTON "


Right now, my problem is: when I click the BUTTON, the video appears and begins, but in the background, behind the other elements (photo, button, etc.) and which is not what I want.

I tried using "z-index: 1000 ' but when I do I can not click the button more.


Effect I want to do is like this website: http://www.toolofna.com/#! / home http://www.artcopycode.com/campaign/art-copy-code

It seems a bit heavy, that's why I thought to use youtube instead.


Other examples:

http://www.exponentpr.com/

http://Herzo.adidas-Group.com/

http://baked.freshcotton.com/SS13

http://www.madebyhangar.com/


If it's easier by welcoming my own video, I'm fine with it. And if my code is useless for what I want to do its ok too. I'm here to learn.


Thank you

I couldn't get your example page to work on my companion to firefox, but the other guy page is a basic widget... I guess you want to hide / show the iframe on press? You can use several different widgets, but I would like to keep things simple for example. http://youtubetest04.BusinessCatalyst.com/cord.html anyway good luck with it.

PS notice how the iframe disappears when you scroll down to the bottom of the page so... a simple scroll effect is neat and sometimes everything you need.

Tags: Adobe Muse

Similar Questions

  • can a button change the contents of an iframe?

    I use an iframe to import certain word press content into another directory on my site. I am doing this because I wanted to use some widgets forum on my website and portfolio/market.

    The problem I encounter is that I want to keep my navigation of muse. So my question is: How do an iframe target a button with a hyperlink? Is there a way to do this? or does anyone know a workaround to achieve something similar?

    The only way I could think that works, not sure of your case of use as I did not your site, but you could use the ToolTip Widget of Composition and set your buttons as triggers and the target in your IFRAME.

  • Enable scrolling in iFrame but keep it hidden overflow

    Hello!

    I have an Edge file animate stretching from full screen on a Web page, and this Web page is embedded in an iFrame in another HTML file.

    The animation is triggered by a scroll event. The only problem is that I have the hidden overflow so it ignores the event scroll of the page, and when I do the visible overflow the animation works properly but it scrolls a little and moves that I can't have. Is it possible to make it work and recognize the scroll event without actually scroll the page?


    Thank you

    Sam

    I solved it by placing the MCO within a single section using fullpage.js http://www.alvarotrigo.com/fullPage/

  • that triggered him find my iphone application?

    recently, many of our devices have been hacked, my ipad is not damaged or stolen data. No access to my account. My ipad has never left my house. I was not raised him find my iphone app. I have even use icloud as had long since forgotten my id for it. How ever, I have all the details of the user appropriate all the correct passwords and have managed on the basis of work on my icloud identifiers. But still not get my unlocked ipad because apple has placed a lock of activation. Whenever I tried to cancel it with my security questions, he asks my birth date, but the web browser lets you enter the jj/mm but not YYYY so how can I possibly unlock with questions, and the e-mail address associated to the recovery no longer exists.

    An employee of apple care told that I must have my p.o.p. for them to do anything, and it's a joke because I bought it in cash and the retailer doesn't keep records of cash transactions which, to save.

    Why should I lose my ipad although I did absolutely nothing wrong.

    Please, someone tell me there is a way to solve this problem.

    I tried to address this issue for months.

    How will I know when and where to find my ipad app has been triggered?

    Unfortunately there isn't an easy way to solve what you describe.  As the mentioned Apple employee, you will need to provide proof of purchase to remove the lock of Activation (this is a security measure to ensure that the right person calls for its removal).

  • Automation not triggering Homekit

    I'm really loving the new application Homekit in iOS 10. I think it is much better than the app of hue of Philips I used to control my lights at home. However there seems to be something wrong with the function of automation. Or if Miss me just something, in this case, I'd appreciate any help I can get.

    My configuration is:

    • 4th gen Apple TV acting as a hup homekit
    • 1 Philips Hue bridge
    • 4 white tinted Philips bulbs
    • 1 Philips Lightstrip of Hue
    • 1 iPhone and 1 iPad Mini using Homekit app to set scenes

    I have several scenes set up and using automation functionality, I use the following schedule

    • Good morning - All 4 white bulbs and lightstrip on at 05:30
    • Lights - all the lights from 08:45
    • Afternoon - all 4 white bulbs and lightstrip on at 14:30
    • Evening - 3 white and lightstrip bulbs on at 19:00
    • Good morning - all lights except lightstrip off at 22:30

    The problem is that the timers don't always trigger. As far as I know, the afternoon lights, evening and good night controls work fine. But the automation of the morning never seems to trigger automatically. When I try to debug the morning and playing with time and wait and see, it will sometimes trigger, sometimes not. And then I wait again the next morning and it does not fire. I even put a light in 05:00, half an hour before good morning, to see if it helped, but it didn't.

    Does anyone have any suggestions as to why automation in the morning won't turn on?

    Hi Arthur,.

    I have the same problem as you. The triggers appear to respond inconsistently. The worst is the one from the Sun which is added when it is already dark. Apple should add the ability to take some time before the sun goes down. My Apple tv is always on and I also used an ipad as a hub. Have you found a solution since you post your question?

    iPhone with iOS 10 5s

  • Firefox open iframe until tabs are overexploited.

    When I start my PC firefox opens in iframe several times until the tabs are overexploited. How can I stop this?

    See if that helps - https://support.mozilla.org/en-US/kb/firefox-repeatedly-opens-empty-tabs-or-windows

  • Geolocation API works with sandboxed iframes or provide an error

    The navigator.geolocation.watchPosition function call does not work with sandboxed iframes where allow-same-origin is not specified (so the iframe counts as a unique and anonymous origin). I assumed that in so doing the iframe in sandbox inherits is not permission to use the geolocation API to the site that contains is a smart decision. Personally, I wish I had a way to create sandboxed iframes that can also use the geolocation API, but I don't understand if that is not implemented. However, a sandbox or an iframe also does not receive an authorization error when using the geolocation API that is completely wrong and makes it really difficult to debug.

    Perhaps, the https://bugzilla.mozilla.org/show_bug.cgi?id=675533 bug is related somehow?

    I think that it is beyond the scope of support. You can file a new bug and see how it goes: https://bugzilla.mozilla.org/

  • iFrame does not not in the tab css (in FF browser only)

    On a Web site page, I have 3 tabs css (with < ul > < li > tags and). In the first 2 tabs, I have an iFrame. In the first tab (active page loading), the iFrame does very well. In the second tab it doesn't.

    It is only on Firefox. In IE or Chrome, it works very well.

    I noticed that when I click on the second tab very quickly on the loading of the page, the iFrame is loaded.

    I've tried everything! Help, please

    http://www.mrcdecoaticook.qc.ca/Municipalites/Cartes.php

    The iFrame are 187 of the source code online.

    I figured it using "OnClick" on my tab reload iframe when selected:

    < li onclick = "var ifr = document.getElementsByName ('f2') [0]; IFR. SRC = IFR. CBC; "> GALLERY OF CARDS < /li >

  • Why my site Iframe is partially loading?

    Dear Sir.

    IFRAME of my Web site loads partially in firefox, but to load entirely in chrome. You can check

    http://orthocad.IITB.AC.in/betic/

    Please let me know what needs to be done to solve this problem.

    150px is apparently the preferred height for an iframe based on a CSS specification, if the other rules of height it replace: http://www.w3.org/TR/CSS2/visudet.html#inline-replaced-height

  • Bug really bad iframe, caused by the Magic Mouse or other design Apple entry

    Hello world.

    I found a very annoying bug that can be reproduced only by entry legacy Apple in Safari.

    If the parent container has a fixed height and overflow: scroll, then the inner iframe is not properly scrolling. He could only scroll down, or only to the top. But not at the same time.

    Video: https://www.youtube.com/watch?v=2IpjAbWgbuc

    Demo: https://s3-eu-west-1.amazonaws.com/plio/other/iframe_scroll_safari_issue.html

    I need to use the iframe to display the content of the documents converted to business customers. Many of them use Safari, it is really important.

    Tested in Safari Version 9.0.3, 9.1.1, OS X El Capitan 10.11.3.

    It is a forum for user help. You do not discuss Apple here.

    To submit your comments directly to Apple using this link http://www.apple.com/feedback/

  • iframe content appears in Windows 7 or Mac FF

    I read almost all the messages on the frames displayed in FF, however, I have a strange problem. While I am able to get the iframe to display, NOT the ENTIRETY of its contents is the display. It's weird. An example page is below, click on the virtual tour tab and you'll see what I mean. All the code is displayed. This also happens for another page with the same type of code. This works fine in Chrome/IE PC and Mac. Any help would be appreciated.
    Thank you

    http://www.kdnovelties.com/educational/Terrance-the-giraffe/personalized_293.html

    The content is there, but it is hidden with display: no rule of style, so that it seems if there is script runs to display this content, then it does not end properly.

    <div id="virtualbook" class="kdnbook" style="height: 465px; width: 680px; display: none; margin: auto;"></div>

    Removal of display: none, the book appears to me.

    The Web Console also displays an error with the MP3 file:

    HTTP "Content-Type" of "audio/mpeg" is not supported. Load of media resource http://26ebe445280acec2e3b0-023df79dc48add581f4e26895345aac6.r54.cf1.rackcdn.com/page-flip.mp3 failed.
  • HTML5 triggers ALSA incredibly high volume video

    On the latest nightly of Firefox when viewing YouTube videos, or any other site that offers html5 video, my sound is automatically triggered, about 50%, or 100%. This happens with both h.264 and VP8. I tried in safe mode and with a new profile, does not. I have alsa and pulseaudio, but if I open a YouTube tab and watch alsamixer, he will jump from there where I got 100% as soon as the video starts to play.

    I tell myself that I will probably need to post a bug report, but I thought I'd try here everything first.

    I put "dish-volumes = no" in my etc/pulse/daemon.conf. He's not big, but it solves the problem for now.

  • iFrame problem of text?

    Hello

    I have a few files (HTM pages) that I access through the FireFox browser. These pages have a collection of links. Some of them are in the /iFrame [iFrame] annotations. Those who point to URL images work fine. The problem I have is an iFrame I have this link to a text (URL) looks like it doesn't. The box "looks" white (the same color as the page background).

    However, when I click and highlight inside the iFrame, the text is indeed there. How can I get the text appear in these boxes iFrame? (I tried with [Embed], same problem).

    - Pj
    

    By default, Firefox uses transparent background on iframes. Apparently a plain text document reverse correctly in this scenario. Not sure if it is a bug or if there is no applicable standard and IE is just more useful.

    I suggest using a style rule to change the background color of the iframes. If the page in the frame (HTML page) sets its own background color, which will take precedence.

    Here's a "Violin" which gives an example: http://jsfiddle.net/KV9Ct/

  • After erasing the iphone 6 will be triggering after restoration of restrictions?

    After erasing the iPhone 6 will be triggering after restoration of restrictions?

    Until you restore as new and does not use a backup which contained the restriction code, Yes, it will be gone.

  • anchor named links do not work in iframes

    In developing my site web I came across the problem that Firefox does not scroll to the targets of links of anchor named in a page, when the page is in an iframe.

    In seeking solutions, I read a lot of dated 2010-2011, it is one thing to security... and many supposed solutions, which only work for certain situations, not mine. There was also a lot of people who cry 'FAULT!' because of this, as there is no risk that not involved so that never, and I agree very strongly.

    It is now 2014 and it still does not work, I still see nothing wrong with the practice of link in a document, not mater how or where they are displayed. It's actually a procedure standard and highly recommended for proper navigation and W3.

    I love the Community open source and I thank all participants for their contribution to Firefox, but your developers need to find a way to fight against the attempt to exploit the vulnerability, rather than destroy the vulnerable code itself, at the expense of the savvy folks less code like me who want just to get simple web content. When I read the answers to your developers, I've seen many not humble cop out answers I expect only from the likes of Microsoft, which I hope you do not try to imitate. That is to say, is not the problem.

    Try announcement Web development / standards evangelism MozillaZine forum. The helpers there are better informed on the problems of development of web page with Firefox.

    http://forums.mozillazine.org/viewforum.php?f=25

    You will need to register and log in to post in this forum.

Maybe you are looking for