www.ynet.co.il - Embedded video does not appear

[liamengland1]

URL: https://www.ynet.co.il/environment-science/article/HJodWcar00#autoplay

Browser / Version: Firefox Nightly 89.0a1 (2021-04-13) (64-bit) Operating System: macOS Catalina Tested Another Browser: Yes Chrome

Problem type: Video or audio doesn't play Description: There is no video Steps to Reproduce: Video doesn't appear (only a thin slit above social sharing icons)

Browser Configuration

• None

From webcompat.com with ❤️

[liamengland1]

Also reproducible on Windows.

[softvision-raul-bucata]

@llacb47 We appreciate your report. I was able to reproduce the issue. Please refer to : https://bugzilla.mozilla.org/show_bug.cgi?id=1705424 as it is related to Enhanced Tracking Protection. Until the issue is resolved, please set Enhanced Tracking Protection to Standard. This will be closed as a Duplicate.

[liamengland1]

I can reproduce on ETP Standard. I always test on a default browser profile. @softvision-raul-bucata

[softvision-raul-bucata]

This is some weird behaviour from the page. The issue is reproducible randomly.

Firefox:

Chrome:

Tested with: Browser / Version: Firefox Nightly 89.0a1 (2021-04-15) (64-bit)/ Chrome Version 89.0.4389.114 Operating System: Windows 10 PRO x64

Notes:

1. Reproducible regardless of the status of ETP
2. Reproducible on the latest build of Firefox Nightly
3. Works as expected using Chrome

Moving this to NeedsDiagnosis for further investigations.

[karlcow]

When this is happening, there is a

 Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource. fortvision-fb-web-embed.js:formatted:10224
    n fortvision-fb-web-embed.js:10224
    n fortvision-fb-web-embed.js:10229
    (Async: promise callback)
    n fortvision-fb-web-embed.js:10226
    n fortvision-fb-web-embed.js:10227
    (Async: promise callback)
    n fortvision-fb-web-embed.js:10226
    n fortvision-fb-web-embed.js:10227
    (Async: promise callback)
    n fortvision-fb-web-embed.js:10226
    n fortvision-fb-web-embed.js:10227
    (Async: promise callback)
    n fortvision-fb-web-embed.js:10226
    default fortvision-fb-web-embed.js:10233
    t fortvision-fb-web-embed.js:13339
    default fortvision-fb-web-embed.js:10218
    [256]< fortvision-fb-web-embed.js:19700
    r fortvision-fb-web-embed.js:17
    e fortvision-fb-web-embed.js:23
    <anonymous> fortvision-fb-web-embed.js:27

<div>
  <div class="yitvideo_container video-wrap video-wrap2" data-title="" style="background-image: url(&quot;https://ynet-images1.yit.co.il/PicServer5/2021/04/09/10642467/tap.jpg&quot;); background-repeat: no-repeat; background-size: cover; height: unset; padding-top: unset;" data-yitvideo="519968" data-stream="" data-poster="https://ynet-images1.yit.co.il/PicServer5/2021/04/09/10642467/tap.jpg" data-loop="false" data-controls="true" data-muted="false" data-adtag="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480|640x360&amp;iu=/6870/ynet/video_desktop/default&amp;impl=s&amp;gdfp_req=1&amp;env=vp&amp;output=vast&amp;unviewed_position_start=1&amp;url=[referrer_url]&amp;description_url=https%3A%2F%2Fwww.ynet.co.il%2Fenvironment-science%2Farticle%2FHJodWcar00&amp;correlator=[timestamp]&amp;cust_params=VideoPosition%3DPreroll%26dcPath%3D6377.Traklin-2142.science%26yncd%3DHJodWcar00%26autoplay%3Dtrue%26VideoPosition_autoplay%3DPreroll_true%26view%3D2%26ynch%3D6377.Traklin-2142.science%26user_intent%3Dtrue%26PositionInPage_Autoplay%3DATF_true" data-ads="1" type="application/x-mpegurl" fallback-player="519968" at-play="false" initialized="" player-type="flowplayer">
    <div id="player_519968" class="yit-playplayer video" type="application/x-mpegurl" poster="https://images1.ynet.co.il/PicServer5/2021/04/09/10642467/tap.jpg" style="margin-bottom: 4px; max-width: unset;" controls="" playsinline="" width="100%">
      <source type="application/x-mpegurl" src="https://hls-video-ynet.yit.co.il/0421/319fb9156352700779e3785a7a31cdc8/master.m3u8">

HERE MISSING STUFF

    </div>
    <div class="youtube-footer youtube-footerv2">
      <div class="youtube-credit">עיר זהב אבודה מלפני 3,000 שנה התגלתה ליד לוקסור (צילום: רויטרס)</div><img id="fbShare" src="https://www.ynet.co.il/Common/Api/Scripts/youtube/facebook-s.png" alt="share-icon" class="share-image"><img id="twShare" src="https://www.ynet.co.il/Common/Api/Scripts/youtube/twitter-s.png" alt="share-icon" class="share-image">
    </div>
  </div>
</div>

ok. in the Missing stuff area, there should be this when it displays.

<video
class="fp-engine"
playsinline=""
webkit-playsinline=""
src="blob:https://www.ynet.co.il/3b1f7d0e-cc91-d749-b3df-9031540ef328"
></video>

So the video is added by https://cdn.flowplayer.com/releases/native/stable/default/flowplayer.min.js

  function je(e, t) {
    var n = t.querySelector('video'),
    r = b(n || (e._video_element_callback ? e._video_element_callback(e) : document.createElement('video')));
    return r.addClass('fp-engine'),
    J(r),
    r.async = void 0 !== n,
    r.async && !r.paused ? (r.setState(O, !0).setState(M, !0), r) : (r.attr('playsinline', ''), r.attr('webkit-playsinline', ''), t.append(r), r)
  }

It's easier to reproduce the issue when the debugger is opened. Racy?

[karlcow]

We should probably contact them about it. help@y-i.co.il

[karlcow]

Contacted.

[softvision-oana-arbuzov]

The issue seems to be fixed. The video is displayed now.

Tested with: Browser / Version: Firefox Nightly 102.0a1 (2022-05-16), Firefox Release 100.0 Operating System: Windows 10 Pro

@llacb47 does it still occurs on your side?

[inv_20/2022]