WebKit is rendering the video even in a display:none iframe

• Component: Plug-ins
• Status: RESOLVED WONTFIX

[jasneet]

I Steps:
Go to 
http://www.oldeenglish.org/dvd/

II Issue:
In Safari: On clicking the video links, the videos are shown in such a way that all the videos are playing in one player.It starts playing the audio content of all the videos on the page concurrently. It should start playing along with the video only when the video link is clicked.

FF: On click of the video link, it closes the previous video that's open(if any) and opens the new one that's clicked. So only one video is played at a time and all the others are closed.

IE: On click of the video link, it opens the video without closing or pausing the previous video that's playing(if any). So, any number of videos can be running at a time. To change the viewing video, click on the link of that video.

III Conclusion:
The problem is that WebKit is rendering the video even though it's in a display:none iframe. If you put the video in a display:none div, then it doesn't autoplay. Things that are display:none should not render. This includes iframes.
Therefore WebKit should not render the contents of display:none iframes. This breaks sites that load videos in display:none iframes.

IV Other browsers:
IE7: ok
FF2: ok
Opera: not ok

V Nightly tested: 30881

[jasneet]

Created attachment 19732 [details]
reduction

On Mac OS X, the non-displaying iframes do not render video (they do play audio, which is fine, I think).

[Eric Seidel (no email)]

Is this still an issue?  I thought that display:none plugins should load and play normally per HTML5?  Or am I remembering incorrectly?

[Eric Seidel (no email)]

The reduction doesn't work, but the original site still has trouble.  This is a spec question I think.

[Eric Seidel (no email)]

I was wrong.  This bug is not about <video> but rather a quicktime movie inside an <object> tag:

	<OBJECT classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 
               codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
               width="480" height="375" 
               id="movie1" > 
        <PARAM name="src" value="OldeEnglish.org_-_Breaking_News.mov"> 
        <PARAM name="autoplay" value="true"> 
        <EMBED width="480" height="375" 
               src="OldeEnglish.org_-_Breaking_News.mov" 
               TYPE="video/quicktime"
               PLUGINSPAGE="www.apple.com/quicktime/download"
               name="movie1" 
               enablejavascript="true"
			   autoplay="true"> 
        </EMBED> 
	</OBJECT>

view-source:http://www.oldeenglish.org/dvd/iframe1.html

The site is setting the various iframes to display: none in the main page:

		iframe {
			border: 0px;
			display: none;
			background-color: transparent;
			padding: 0px;
		}

		<div id="stage">
			<iframe id="frame1" src="iframe1.html" width="500" height="400" ALLOWTRANSPARENCY="true"></iframe>
			<iframe id="frame2" src="iframe2.html" width="500" height="400" ALLOWTRANSPARENCY="true"></iframe>
			<iframe id="frame3" src="iframe3.html" width="500" height="400" ALLOWTRANSPARENCY="true"></iframe>
			<iframe id="frame4" src="iframe4.html" width="500" height="400" ALLOWTRANSPARENCY="true"></iframe>
			<iframe id="frame5" src="iframe5.html" width="500" height="400" ALLOWTRANSPARENCY="true"></iframe>
		</div>

It appears that other browsers do not play video in an <object> tag when the document containing that <object> tag is not rendered.

[Alexey Proskuryakov]

Mass closing plug-in bugs, as plug-in support has been removed from WebKit.

Please comment and/or reopen if this still affects WebKit in some way.