正文 

当前位置： 首页 > 问答 >

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

     2023-03-28     212

关键词：

【中文标题】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 data 和Cached images and files, 旁边的复选框。 点击Clear data按钮。

【讨论】：

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

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

...2-08-1005:24:13【问题描述】：我正在尝试创建一个离线视频播放器，它可以从我的网站下载视频内容，以便以后通过HTML5视频元素离线观看。下面的代码在桌面版Chrome中运行良好，但在移动设备上却不行（NexusS智能手机、Nexus7平 查看详情

html5 视频不适用于 android webview

】html5视频不适用于androidwebview【英文标题】：html5videodoesnotworkwithandroidwebview【发布时间】：2019-08-0601:42:15【问题描述】：我已经在webview中运行android应用程序一年了。但是前几天有一些客户说我的应用程序中没有播放html5视频。... 查看详情

HTML5 视频不适用于 AngularJS ng-src 标签

】HTML5视频不适用于AngularJSng-src标签【英文标题】：HTML5VideoisnotworkingwithAngularJSng-srctag【发布时间】：2013-03-2115:22:50【问题描述】：AngularJSng-src不适用于此小提琴中的HTML5视频元素：http://jsfiddle.net/FsHah/5/查看视频元素，src标签被... 查看详情

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

】HTML5视频获取currentTime不适用于媒体事件javascriptaddEventListener【英文标题】：HTML5videogetcurrentTimenotworkingwithmediaeventsjavascriptaddEventListener【发布时间】：2018-08-2710:34:55【问题描述】：我试图在视频播放时显示当前持续时间（实时打... 查看详情

视频自动播放不适用于所有 iphone

】视频自动播放不适用于所有iphone【英文标题】：Videoautoplaydoesn\'tworkonalliphone【发布时间】：2018-12-1600:44:12【问题描述】：在这个homepage的顶部，我有一个带有静音、自动播放和playinline属性的视频。视频在我测试过的桌面和移动... 查看详情

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

】HTML5音频播放器适用于safari/Chrome，但不适用于iPhone【英文标题】：HTML5Audioplayerworksonsafari/Chrome,butnotiPhone【发布时间】：2012-05-2116:25:53【问题描述】：我有一个HTML5音频播放器，可以在PC上的Safari上运行，但似乎无法在（我的）i... 查看详情

HTML5 自定义播放器不适用于 Soundcloud api uri

】HTML5自定义播放器不适用于Soundcloudapiuri【英文标题】：HTML5customplayernotworkingwithSoundcloudapiuri【发布时间】：2013-03-0612:34:40【问题描述】：我正在使用一个jQuery插件，它将简单的&lt;audio&gt;&lt;/audio&gt;转换为一组不同的... 查看详情

HTML5 视频不适用于 iPad 上的 jquery bxSlider 插件

】HTML5视频不适用于iPad上的jquerybxSlider插件【英文标题】：HTML5videowon\'tworkwithjquerybxSliderpluginoniPad【发布时间】：2011-11-0701:08:57【问题描述】：我正在使用JquerybxSlider插件为iPad创建一个包含图像和视频的滑块库。我正在使用HTML5视... 查看详情

自动播放不适用于 swf flash 视频（天气应用）

】自动播放不适用于swfflash视频（天气应用）【英文标题】：AutoPlayisn\'tworkingforswfflashvideo(weatherapp)【发布时间】：2017-01-2504:35:38【问题描述】：我可能遗漏了一些东西，但我正在尝试将我找到的天气应用程序嵌入到我的网站中。... 查看详情

Xamarin UWP：视频播放器组件似乎不适用于打开 .NET Native 工具链的编译

】XamarinUWP：视频播放器组件似乎不适用于打开.NETNative工具链的编译【英文标题】：XamarinUWP:VideoPlayercomponentsdontseemtoworkwithCompilewith.NETNativetoolchainturnedon【发布时间】：2019-05-0917:38:51【问题描述】：使用UWP运行并打开“使用.NET本... 查看详情

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

】为啥HTML5视频标签不适用于将YouTube视频用作源？【英文标题】：WhydoesanHTML5videotagnotworkforusingaYouTubevideoassource?为什么HTML5视频标签不适用于将YouTube视频用作源？【发布时间】：2015-06-2210:09:25【问题描述】：使用Chrome，如果我查... 查看详情

Twitter获取搜索推文API不适用于哈希标签

】Twitter获取搜索推文API不适用于哈希标签【英文标题】：TwittergetsearchtweetsAPInotworkingwithhashtag【发布时间】：2014-03-0418:43:50【问题描述】：您好，现在我正在尝试使用TwitterAPI使用主题标签进行关键字搜索。这是我正在使用的网址... 查看详情

Mpeg Dash html5 播放器或直播视频

】MpegDashhtml5播放器或直播视频【英文标题】：MpegDashhtml5playerorlivevideo【发布时间】：2014-05-2312:53:40【问题描述】：简单地说，我一直在解决这个问题，但似乎找不到有效的解决方案。我一直在尝试找到一种从我们的Wowza服务器的... 查看详情

YouTube iframe 播放器的自动播放不适用于 chrome 和 firefox

】YouTubeiframe播放器的自动播放不适用于chrome和firefox【英文标题】：AutoplayofYouTubeIframePlayerisnotworkingonchromeandfirefox【发布时间】：2019-01-2214:48:33【问题描述】：Youtubeiframe自动播放不适用于chrome和视频分辨率设置不适用于所有浏览... 查看详情

Twitter BootStrap Confirmation 不适用于动态生成的元素

】TwitterBootStrapConfirmation不适用于动态生成的元素【英文标题】：TwitterBootStrapConfirmationnotworkingfordynamicallygeneratedelements【发布时间】：2015-07-2003:02:13【问题描述】：我正在使用具有页面加载时生成的动态内容的DataTable。在表中，... 查看详情

安卓设备的 GCM 推送通知不适用于 MI 和乐视手机

】安卓设备的GCM推送通知不适用于MI和乐视手机【英文标题】：GCMpushnotificationsforandroiddevicesarenotworkingonMIandLetvmobiles【发布时间】：2017-04-1009:27:30【问题描述】：我们在向所有安卓设备发送GCM推送通知时遇到了问题。我们正在Ionic... 查看详情

安卓设备的 GCM 推送通知不适用于 MI 和乐视手机

】安卓设备的GCM推送通知不适用于MI和乐视手机【英文标题】：GCMpushnotificationsforandroiddevicesarenotworkingonMIandLetvmobiles【发布时间】：2017-04-1009:27:30【问题描述】：我们在向所有安卓设备发送GCM推送通知时遇到了问题。我们正在Ionic... 查看详情

HTML 5 视频标签不适用于任何浏览器

】HTML5视频标签不适用于任何浏览器【英文标题】：HTML5Videotagnotworkingforanybrowser【发布时间】：2014-06-3001:16:23【问题描述】：所以我使用AnyConverter将.mov转换为.mpf、.ogv和.webm格式。然后我将它们放在视频目录中并使用以下代码<v... 查看详情