17828 2008-03-13 10:39:17 -0700 WebKit is rendering the video even in a display:none iframe 2022-07-01 11:35:04 -0700 1 1 1 Unclassified WebKit Plug-ins 528+ (Nightly build) PC Windows XP RESOLVED WONTFIX https://bugs.webkit.org/show_bug.cgi?id=107236 http://www.oldeenglish.org/dvd/ HasReduction P2 Normal --- 1 jasneet webkit-unassigned abarth ap eric.carlson eric jamesr jasneet mitz oldest_to_newest 73588 0 jasneet 2008-03-13 10:39:17 -0700 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 73589 1 19732 jasneet 2008-03-13 10:41:58 -0700 Created attachment 19732 reduction 73639 2 mitz 2008-03-13 15:27:29 -0700 On Mac OS X, the non-displaying iframes do not render video (they do play audio, which is fine, I think). 371826 3 eric 2011-03-22 17:00:44 -0700 Is this still an issue? I thought that display:none plugins should load and play normally per HTML5? Or am I remembering incorrectly? 518515 4 eric 2011-12-09 14:25:20 -0800 The reduction doesn't work, but the original site still has trouble. This is a spec question I think. 518553 5 eric 2011-12-09 14:55:03 -0800 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. 1879865 6 ap 2022-07-01 11:35:04 -0700 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. 19732 2008-03-13 10:41:58 -0700 2008-03-13 10:41:58 -0700 reduction player1.htm text/html 871 jasneet PCFET0NUWVBFIEhUTUwgUFVCTElDICItLy9XM0MvL0RURCBIVE1MIDQuMDEgVHJhbnNpdGlvbmFs Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSL2h0bWw0L2xvb3NlLmR0ZCI+DQo8aHRtbCBsYW5n PSJlbiI+DQo8Ym9keT4NCgk8c3R5bGU+CWlmcmFtZSB7ZGlzcGxheTogbm9uZTt9CTwvc3R5bGU+ DQoJPHNjcmlwdD4NCgkJdmFyIGdsb2JhbExhc3RNb3ZpZSA9IDA7DQoJCWZ1bmN0aW9uIHBsYXlN b3ZpZSAobmV3TW92aWUpew0KCQkJaWYgKGdsb2JhbExhc3RNb3ZpZSkNCgkJCQlkb2N1bWVudC5n ZXRFbGVtZW50QnlJZCgnZnJhbWUnICsgZ2xvYmFsTGFzdE1vdmllKS5zdHlsZS5kaXNwbGF5ID0g Im5vbmUiOw0KCQkJZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2ZyYW1lJyArIG5ld01vdmllKS5z dHlsZS5kaXNwbGF5ID0gImJsb2NrIjsNCgkJCWdsb2JhbExhc3RNb3ZpZSA9IG5ld01vdmllOw0K CQl9DQoJPC9zY3JpcHQ+DQoJPGEgb25jbGljaz0icGxheU1vdmllKDEpIiBocmVmPSIjIj5Nb3Zp ZTE8L2E+IHwJPGEgb25jbGljaz0icGxheU1vdmllKDIpIiBocmVmPSIjIj5Nb3ZpZTI8L2E+DQoJ PGlmcmFtZSBpZD0iZnJhbWUxIiBzcmM9Imh0dHA6Ly9oZWxwLmltcHJvdmUud2Via2l0Lmdvb2ds ZXBhZ2VzLmNvbS9pZnJhbWUxLmh0bSIgYWxsb3d0cmFuc3BhcmVuY3k9InRydWUiIGhlaWdodD0i NDAwIiB3aWR0aD0iNTAwIj48L2lmcmFtZT4NCgk8aWZyYW1lIGlkPSJmcmFtZTIiIHNyYz0iaHR0 cDovL2hlbHAuaW1wcm92ZS53ZWJraXQuZ29vZ2xlcGFnZXMuY29tL2lmcmFtZTIuaHRtIiBhbGxv d3RyYW5zcGFyZW5jeT0idHJ1ZSIgaGVpZ2h0PSI0MDAiIHdpZHRoPSI1MDAiPjwvaWZyYW1lPg0K PC9ib2R5Pg0KPC9odG1sPg==