HTML5 视频播放器不适用于 Twitter 视频

Posted

技术标签:

【中文标题】HTML5 视频播放器不适用于 Twitter 视频【英文标题】:HTML5 video player not working for Twitter videos 【发布时间】:2021-11-27 02:48:13 【问题描述】:

我正在通过 Twitter api 检索推文并尝试嵌入他们的视频附件。

嵌入代码:

    <video controls="">
      <source src="https://video.twimg.com/ext_tw_video/1444247208514113546/pu/vid/1280x720/6rw0rzMWMSk39eoz.mp4?tag=12" type="video/mp4">
    </video>

火狐:

上述代码无法在 Firefox 中完全渲染视频播放器,而是选择简单地返回:No video with supported format and MIME type found

注意:直接在地址栏输入视频url播放没有问题。

铬:

Chrome 会在 0-4 秒后自动停止播放,返回到第一帧。这种行为有些零星,有时会发生,但并非总是如此。当它发生时,无论按多少次播放按钮,视频都无法继续播放。一旦视频在内存中并通过刷新页面成功加载,它就不再以这种方式运行。和firefox一样,直接在地址栏输入视频url,加载和播放都没有问题。

Video demonstration:

更多推特视频示例发送至play with:

【问题讨论】:

能否将 YouTube 视频公开 @TERMINATOR 道歉 - 完成! 我看你有一个来自推特的坏饼干 【参考方案1】:

许多站点问题(例如 No video with supported format and MIME type found 错误)可能是由损坏的 cookie 或缓存引起的。这可能会导致任何浏览器出现流式传输问题

火狐解决方案:

我建议您在设置中清除缓存并删除 Cookie 警告 ! !这将使您退出您已登录的网站。

为此,请在网址栏中输入about:preferences

    清除 Cookie: 选择History 下的Privacy,然后选择Firefox will Use Custom Settings。按下右侧名为Show Cookies 的按钮,然后使用搜索栏查找该站点。本网站可能使用多个 cookie。全部删除。 清除缓存:选择Advanced &gt; Network。在缓存的 Web 内容对面,按立即清除。 如果仍然存在问题,请在安全模式下启动 Firefox web link 当您处于安全模式时;

然后重启。


Chrome 解决方案:

    点击右上角的More按钮 导航到More tools &gt; Clear browsing data。 在顶部,选择一个时间范围。要删除所有内容,请选择所有时间。 选中Cookies and other site dataCached images and files, 旁边的复选框。 点击Clear data按钮。

【讨论】:

谢谢。不幸的是,它不是 cookie / 浏览数据,因为它仍然会在清除 cookie + 缓存、处于隐身模式以及在任意域上呈现嵌入代码时发生。尽管如此,这个问题似乎不会影响我测试过的其他机器或这台机器上的其他用户。

以上是关于HTML5 视频播放器不适用于 Twitter 视频的主要内容,如果未能解决你的问题,请参考以下文章

为啥 HTML 5 视频标签不适用于将 YouTube 视频用作源?

用于数字标牌的 Chrome 中的 HTML5 视频自动播放

html5 视频不适用于 android webview

从 Chrome 文件系统播放视频不适用于 Android

HTML5视频获取currentTime不适用于媒体事件javascript addEventListener

HTML5 音频播放器适用于 safari/Chrome,但不适用于 iPhone