webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
737 stars 63 forks source link

m.toutiaoimg.cn - The video does not play #30968

Closed webcompat-bot closed 5 years ago

webcompat-bot commented 5 years ago

URL: http://m.toutiaoimg.cn/i6678111443184779790/?channel=video

Browser / Version: Firefox Mobile 68.0 Operating System: Android Tested Another Browser: Yes

Problem type: Video or audio doesn't play Description: 视频播放不了(西瓜视频) Steps to Reproduce:

Browser Configuration
  • None

From webcompat.com with ❤️

cipriansv commented 5 years ago

Thanks for the report, I was indeed able to reproduce the issue. The video is not playing on Fenix

Tested with: Browser / Version: Firefox Nightly Mobile 68.0a1 (2019-05-12), Chrome Mobile 74.0.3729.136, Firefox Fenix 1.0.1919 Operating System: Huawei P10 (Android 8.0) - 1080 x 1920 pixels (~432 ppi pixel density)

The issue is also reproducible on Firefox Nightly.

This is the web page displayed in Firefox Fenix:

image

And this is the web page displayed in Chrome:

image

karlcow commented 5 years ago
<video class="" playsinline="true" webkit-playsinline="true" x5-playsinline="true" tabindex="2" mediatype="video">
  <source class="" src="http://v3-default.ixigua.com/68d0c2bb52f10412ae1661148231f0db/5ce390cd/video/m/220f09a4e2f8254427092b01f42799400a41161c8a4a00004e3974beb2bb/?rc=am1tcWx1bXNvbDMzNTczM0ApQHRAbzU8Njo2MzUzMzg3NDUzNDVvQGg1dilAZzN3KUBmM3UpZHNyZ3lrdXJneXJseHdmOjVANnIyLmpjYS1qXy0tMi0vc3MtbyNvIy8tMS0zMC0uMS4vLjI2LTojbyM6YS1vIzpgLXAjOmB2aVxiZitgXmJmK15xbDojLi5e"
  type="">
    <source class="" src="http://v6-default.ixigua.com/ad1f256d8215bcf773071ed82a405118/5ce390cd/video/m/220f09a4e2f8254427092b01f42799400a41161c8a4a00004e3974beb2bb/" type="">
      <source class="" src="http://v3-default.ixigua.com/68d0c2bb52f10412ae1661148231f0db/5ce390cd/video/m/220f09a4e2f8254427092b01f42799400a41161c8a4a00004e3974beb2bb/?rc=am1tcWx1bXNvbDMzNTczM0ApQHRAbzU8Njo2MzUzMzg3NDUzNDVvQGg1dilAZzN3KUBmM3UpZHNyZ3lrdXJneXJseHdmOjVANnIyLmpjYS1qXy0tMi0vc3MtbyNvIy8tMS0zMC0uMS4vLjI2LTojbyM6YS1vIzpgLXAjOmB2aVxiZitgXmJmK15xbDojLi5e"
      type="">
        <source class="" src="http://v6-default.ixigua.com/ad1f256d8215bcf773071ed82a405118/5ce390cd/video/m/220f09a4e2f8254427092b01f42799400a41161c8a4a00004e3974beb2bb/" type="">
</video>

type attribute is empty on the source elements.

If the type attribute isn't specified, the media's type is retrieved from the server and checked to see if the user agent can handle it; if it can't be rendered, the next is checked. If the type attribute is specified, it's compared against the types the user agent can present, and if it's not recognized, the server doesn't even get queried; instead, the next element is checked at once. — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source

if I take the first video link.

http HEAD http://v3-default.ixigua.com/68d0c2bb52f10412ae1661148231f0db/5ce390cd/video/m/220f09a4e2f8254427092b01f42799400a41161c8a4a00004e3974beb2bb/?rc=am1tcWx1bXNvbDMzNTczM0ApQHRAbzU8Njo2MzUzMzg3NDUzNDVvQGg1dilAZzN3KUBmM3UpZHNyZ3lrdXJneXJseHdmOjVANnIyLmpjYS1qXy0tMi0vc3MtbyNvIy8tMS0zMC0uMS4vLjI2LTojbyM6YS1vIzpgLXAjOmB2aVxiZitgXmJmK15xbDojLi5e

This is returning Content-Type: video/mp4

HTTP/1.1 200 OK
Accept-Ranges: bytes
Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: range
Access-Control-Allow-Methods: GET,HEAD,POST,OPTIONS
Access-Control-Allow-Origin: *
Access-Control-Max-Age: 3600
Age: 3544298
Ali-Swift-Global-Savetime: 1554869838
Cache-Control: max-age=2592000
Connection: keep-alive
Content-Length: 20289565
Content-Type: video/mp4
Date: Wed, 10 Apr 2019 04:17:18 GMT
ETag: "F65FC8423A1B9FA63CD754B6231434D0"
EagleId: 2ff604a215584141361504319e
Last-Modified: Wed, 10 Apr 2019 04:04:47 GMT
Server: Tengine
Timing-Allow-Origin: *
Via: cache21.l2nu16[0,206-0,H], cache13.l2nu16[1,0], cache11.l2ot7-1[0,206-0,H], cache8.l2ot7-1[1,0], cache13.jp3[0,206-0,H], cache14.jp3[1,0]
X-Cache: HIT TCP_MEM_HIT dirn:-2:-2 mlen:0
X-Swift-SaveTime: Tue, 21 May 2019 04:47:55 GMT
x-oss-request-id: 5CAD6E4E509FBF7D4884DAC6
x-oss-server-time: 19

And this is working on both desktop and mobile.

So maybe this is blocked before by something else.

When I type on the video I get a message in the console.

13:54:49.840 bytedance://disable_swipe vendors.rZn67bvH.js:115:405
13:54:49.948 bytedance://enable_swipe vendors.rZn67bvH.js:115:405

This is coming from the player script. http://s1.pstatp.com/growth/video_mobile_detail/js/xigua_video.cgO0vS2S.js

So I guess Firefox doesn't try to check if the video file is working.

Specified “type” attribute of “” is not supported. Load of media resource http://v3-default.ixigua.com/a534add19df3f4a7e4cc31459e32e5e…Ni0uMzEwLjI2LTojbyM6YS1vIzpgLXAjOmB2aVxiZitgXmJmK15xbDojLi5e failed.
karlcow commented 5 years ago

@jyavenard is this supposed to work in Firefox Android?

<video class="" playsinline="true" webkit-playsinline="true" x5-playsinline="true" tabindex="2" mediatype="video">
  <source 
    class="" 
    src="http://v3-default.ixigua.com/68d0c2bb52f10412ae1661148231f0db/5ce390cd/video/m/220f09a4e2f8254427092b01f42799400a41161c8a4a00004e3974beb2bb/?rc=am1tcWx1bXNvbDMzNTczM0ApQHRAbzU8Njo2MzUzMzg3NDUzNDVvQGg1dilAZzN3KUBmM3UpZHNyZ3lrdXJneXJseHdmOjVANnIyLmpjYS1qXy0tMi0vc3MtbyNvIy8tMS0zMC0uMS4vLjI2LTojbyM6YS1vIzpgLXAjOmB2aVxiZitgXmJmK15xbDojLi5e"

    type="">

</video>
karlcow commented 5 years ago

ah probably finally found.

https://codepen.io/webcompat/pen/pozdjPG

<video>
  <source src="http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_60fps_normal.mp4">
</video>

<video>
  <source src="http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_60fps_normal.mp4" type="">
</video>

Firefox left, Chrome right

Screenshot Description

an empty type='' in source breaks the video element.

karlcow commented 5 years ago

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1578609

lock[bot] commented 5 years ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.