Bug 170993 – m3u8 still download and play when page switch

• Status: NEW
• Component: Media

[johann]

Created attachment 307479 [details]
you can hear the voice when you switch page

in safari, open a page contain video element which src is m3u8.

Then switch page in the same tab (change url or go ahead/back by history)

the page will be put in the background and the video is still playing.

you can catch the package by fidler or charles.

if we switch to another tab, we can get the visibiltychange events, and pause the video by code

however, if we just switch the page in the same tab, we can do nothing.

Because beforeunload, popstate, pushstate and hashchange events would not be trigger at all.

you can see this on twitter https://twitter.com/lovevfp/status/854671913163005953

[Radar WebKit Bug Importer]

<rdar://problem/31708703>

[johann]

to offer more info
my os version 10.3.1(14E304)

the video can play in the background with voice

http://h.open.huajiao.com/l/index?liveid=98157279

the video can play in background silent but keep download package

http://h.open.huajiao.com/l/index?liveid=104524475

i am not sure whether you can open that in U.S.A. if you need other address, you can contact me.

[johann]

i temporarily fix this by using pagehide event

function stopVideo (evt) {
    if (evt.persisted) {
        $('video').each(function () {
            this.src = '';
        });
    }
}

window.addEventListener("pagehide", stopVideo, false);