[Webkit-unassigned] [Bug 271828] Webpage background video fails to load

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=271828

--- Comment #2 from Karl Dubost <karlcow at apple.com> ---
but indeed on a real iPhone 13 Pro with iOS 17.4.1 (21E236) I get the still image.

the HTML is very verbose. This is impressive.

```
<div data-controller="VideoBackgroundNative"
     data-controllers-bound="VideoBackgroundNative">
  <div class="sqs-video-background-native content-fill"
       data-config-native-video="{
"id": "63ced51f31372c3054905385",
"recordType": 61,
"addedOn": 1674499359580,
"updatedOn": 1674499359580,
"authorId": "55b7a5b7e4b0ff9349ec9834",
"systemDataId": "dfc6b374-b9c0-40b5-a748-bca96ae83162",
"systemDataVariants": "1920:1080,640:360",
"systemDataSourceType": "mp4",
"filename": "FullArmor.59.mp4",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 1,
"author": {
"id": "55b7a5b7e4b0ff9349ec9834",
"displayName": "Nathan Johnson",
"firstName": "Nathan",
"lastName": "Johnson",
"avatarUrl": "https://static1.squarespace.com/static/images/6331cfd4341aef2faa06523e",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/6331cfd4341aef2faa06523e"
},
"contentType": "video/mp4",
"structuredContent": {
"_type": "SqspHostedVideo",
"videoCodec": "h264",
"audioCodec": "aac",
"alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/6376cc4a0832510a2d2e38ee/dfc6b374-b9c0-40b5-a748-bca96ae83162/{variant}",
"alexandriaLibraryId": "6376cc4a0832510a2d2e38ee",
"aspectRatio": 1.7777777777777777,
"durationSeconds": 60.06
},
"videoCodec": "h264",
"audioCodec": "aac",
"alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/6376cc4a0832510a2d2e38ee/dfc6b374-b9c0-40b5-a748-bca96ae83162/{variant}",
"alexandriaLibraryId": "6376cc4a0832510a2d2e38ee",
"aspectRatio": 1.7777777777777777,
"durationSeconds": 60.06,
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"usageId": "d83cff11-d310-30d5-b258-fd4613d7d800",
"assetProtectionLevel": "LIBRARY",
"originalSize": "1920:1080",
"recordTypeLabel": "sqsp-hosted-video"
}"
       data-config-playback-speed="0.9"
       data-config-filter="1"
       data-config-filter-strength="0">

    <img data-src="https://images.squarespace-cdn.com/content/v1/6376cc4a0832510a2d2e38ee/91311031-95e6-4d44-82b2-44f8442c4b1f/Screenshot+2023-04-03+at+3.47.57+PM.png"
         data-image="https://images.squarespace-cdn.com/content/v1/6376cc4a0832510a2d2e38ee/91311031-95e6-4d44-82b2-44f8442c4b1f/Screenshot+2023-04-03+at+3.47.57+PM.png"
         data-image-dimensions="3100x1690"
         data-image-focal-point="0.5,0.5"
         alt="Screenshot 2023-04-03 at 3.47.57 PM.png"
         class="sqs-video-background-native__fallback-image"
         elementtiming="nbf-video-background-native-fallback"
         data-parent-ratio="0.5"
         data-image-resolution="2500w"
         src="https://images.squarespace-cdn.com/content/v1/6376cc4a0832510a2d2e38ee/91311031-95e6-4d44-82b2-44f8442c4b1f/Screenshot+2023-04-03+at+3.47.57+PM.png?format=2500w"
         style="width: 100%; height: 100%; object-position: 50% 50%; object-fit: cover;">


    <div class="sqs-video-background-native__video-player video-player">
      <div tabindex="0"
           class="plyr plyr--full-ui plyr--video plyr--html5 plyr--paused plyr--stopped plyr--airplay-supported plyr--is-ios plyr--is-touch">
        <div class="plyr__controls"
             style=""></div>
        <div class="plyr__video-wrapper"><video playsinline=""
                 webkit-playsinline=""
                 loop=""
                 muted=""
                 autoplay="">
            <source src="blob:https://fullarmorfilms.com/7fdbdbeb-f2a0-45e1-940b-d152c6c682bd"
                    type="application/x-mpegURL">
          </video>
          <div class="plyr__poster"></div>
        </div>
        <div class="plyr__captions"></div>
        <div class="video-player__error">
          <p class="video-player__error-message">Video unavailable. Try playing something else.</p>
        </div>
      </div>
    </div>
  </div>

</div>
```

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240329/fb2cda84/attachment.htm>