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.
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:
Opera: not ok
V Nightly tested: 30881
Created attachment 19732 [details]
On Mac OS X, the non-displaying iframes do not render video (they do play audio, which is fine, I think).
Is this still an issue? I thought that display:none plugins should load and play normally per HTML5? Or am I remembering incorrectly?
The reduction doesn't work, but the original site still has trouble. This is a spec question I think.
I was wrong. This bug is not about <video> but rather a quicktime movie inside an <object> tag:
<PARAM name="src" value="OldeEnglish.org_-_Breaking_News.mov">
<PARAM name="autoplay" value="true">
<EMBED width="480" height="375"
The site is setting the various iframes to display: none in the main page:
<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>
It appears that other browsers do not play video in an <object> tag when the document containing that <object> tag is not rendered.