How to set attribute of iframe, which is used in another page

Question

0.00/5 (No votes)

See more:

Hello friends,
First sorry if I ask silly question. I am developing HTML5 based application in which I have used iFrame to play sound in another page. Now I want to set attribute of Iframes. how to do so

default.html

<iframe src="bhMusic.html" style="display:none;"></iframe>

In bhMusic.html I am playing sound. Now I want to stop that music. How would I do that. Please help me.

Thank you in adnvance

Updated Question

First thank you all for showing interest. Okay here is my code HTML page where iFrame is used to play sound

default.html

HTML

<html>
    <head>
      <link href="/css/default.css" rel="stylesheet" /> 
      <script src="/js/default.js"></script>
    </head>
 
   <body>
        <iframe src="bhMusic.html" style="display:none;"></iframe>
   </body>
</html>

Note: display:none

bhMusic.html

HTML

<html>
    <head>
    </head>
 
    <body>
        <audio src="/sounds/preview-scrap.mp3" controls="controls" autoplay="" loop="" />
    </body>
</html>

I am showing default.html where Iframe is used. and I dont want to display that iframe. Now if I want to stop playing sound. what should I do?

Thank you.

Posted 5-Jun-13 3:00am

NachiketM

Updated 5-Jun-13 20:16pm

v2

Add a Solution

Comments

lotussilva 5-Jun-13 9:25am

I want to help you but I'm going to need a bit more code than this. The iframe is not what is making your sound play or stop playing. It's your script (JS, JQuery, etc). I have several ideas on how to get it done but if you insist on the iframe method then I need to see all code related to the sound playing action.

NachiketM 6-Jun-13 1:41am

Yes sir, I am posting it below.

2 solutions

Solution 2

First thank you all for showing interest. Okay here is my code

HTML page where iFrame is used to play sound
default.html

HTML

<html>
    <head>
      <link href="/css/default.css" rel="stylesheet" /> 
      <script src="/js/default.js"></script>
    </head>

   <body>
        <iframe src="bhMusic.html" style="display:none;"></iframe>
   </body>
</html>

Note: display:none

bhMusic.html

HTML

<html>
    <head>
    </head>

    <body>
        <audio src="/sounds/preview-scrap.mp3" controls="controls" autoplay="" loop="" />
    </body>
</html>

I am showing default.html where Iframe is used. and I dont want to display that iframe. Now if I want to stop playing sound. what should I do?

Thank you.

Posted 5-Jun-13 19:40pm

NachiketM

Comments

Mohibur Rashid 6-Jun-13 1:59am

don't add as an answer.............

NachiketM 6-Jun-13 2:00am

Sorry

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-06-05T04:23:00

If you are loading it in iFrame, then the page is there. No need to do anything on the iFrame.

You need to do some functionality in html page itself, so that you can stop the sound.
Show some button, which will stop the music. And you can see that in the iFrame itself, as it is added to html page.

The concept is the iFrame will show each and every content of the source file, in your case that is the html file.

So, if you will add the functionality in html, then that will definitely show inside the iFrame, as it is just a container or window which is showing the page.

Hope you understand... :)

How to set attribute of iframe, which is used in another page

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us