Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

تلاش سپورٹ

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

مزید سیکھیں

اس تھریڈ کو آرکائیوکیا گیا تھا۔ اگر آپ کو مدد کی ضرورت ہو تو براہ مہربانی نیا سوال پوچھیں۔

Javascript: hidden embed tag doesn't respond to Play()

  • 2 جواب دیں
  • 3 میں یہ مسئلہ ہے
  • 1 دیکھیں
  • آخری جواب بذریعہ CJMonk

CJMonk
CJMonk
more options

In the following code snippet on Firefox (Mac OS), the Play() function is not found/does nothing.

<script> function EvalSound(soundobj) { 

 var thissound=document.getElementById(soundobj);
 thissound.Play();

} </script>

<embed src="success.wav" autostart=false width=0 height=0 id="sound1" enablejavascript="true">

<form> <input type="button" value="Play Sound" onClick="EvalSound('sound1')"> </form>

The <embed> tag is non-standard, but the above code works on Windows (IE, Chrome, Firefox) + Mac (Safari + Chrome).

A workaround is to give the <embed> tag attributes height=1 width=1 (resulting in a single pixel showing). Setting either height + width=0 or hidden=true seems to hide the DOM object from Javascript.

Security feature? Optimization?

In the following code snippet on Firefox (Mac OS), the Play() function is not found/does nothing. <script> function EvalSound(soundobj) { var thissound=document.getElementById(soundobj); thissound.Play(); } </script> <embed src="success.wav" autostart=false width=0 height=0 id="sound1" enablejavascript="true"> <form> <input type="button" value="Play Sound" onClick="EvalSound('sound1')"> </form> The <embed> tag is non-standard, but the above code works on Windows (IE, Chrome, Firefox) + Mac (Safari + Chrome). A workaround is to give the <embed> tag attributes height=1 width=1 (resulting in a single pixel showing). Setting either height + width=0 or hidden=true seems to hide the DOM object from Javascript. Security feature? Optimization?

تمام جوابات (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Does it work if you place the embed in a DIV container that has display:none or visibility:hidden ?

A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.

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

CJMonk
CJMonk سوال کا مالک
more options

Placing the embed in a hidden div container also breaks Play().

As far as I can tell, the <embed> must be visible.