热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML5视频流在最新的GoogleChrome上冻结-HTML5VideostreamingfreezesonlatestGoogleChrome

Iamtryingtoplayacompletevideousinghtml5videotag.Codelookssomethinglikebelow:我正在尝试使用

I am trying to play a complete video using html5 video tag. Code looks something like below:

我正在尝试使用html5视频标记播放完整的视频。代码如下所示:


After couple seconds of rendering, it crashes like this: (video is still loading, but it is not rendering/playing) http://imageshack.com/a/img537/614/jNpgCq.png

经过几秒钟的渲染后,它会像这样崩溃:(视频仍在加载,但它没有渲染/播放)http://imageshack.com/a/img537/614/jNpgCq.png

I am sure the video is not broken, because the same code works completely fine on Safari and Firefox. Anyone has had the same kind of problem?

我确信视频没有被破坏,因为相同的代码在Safari和Firefox上完全正常。有人遇到过同样的问题吗?

So currently it crashes at certain points (e.g. right at the 23 second), however if I manually skip that 23 second on video player, it works fine.

因此,目前它在某些点崩溃(例如在23秒右侧),但是如果我在视频播放器上手动跳过那个23秒,它可以正常工作。

(By the way, I am using VideoJS, but I am assuming that is not the issue because I have tried with just pure HTML5 video tag, and it has the same behaviour on chromoe)

(顺便说一下,我正在使用VideoJS,但我认为这不是问题,因为我尝试过纯HTML5视频标签,并且它在chromoe上具有相同的行为)

1 个解决方案

#1


Have you experienced something like this with other videos online? It may not be your video or your code.

您是否在线观看过其他视频?它可能不是您的视频或代码。

Since a few weeks ago I've had a couple of computer crashes after viewing pages with html5 video backgrounds. At first the video starts to distort/glitch/pixelate and then the laptop screen goes completely black, the fan turns up, and nothing works. I have to force shutdown.

几个星期前,我在查看具有html5视频背景的页面后发生了几次计算机崩溃。起初视频开始扭曲/故障/像素化,然后笔记本电脑屏幕变黑,风扇转向,没有任何效果。我必须强制关机。

An examples of a webpage where this happens is the home page of todoist. Also on this page: http://shopkeeper.getbowtied.com/home/slider-example-full-screen-video/

发生这种情况的网页示例是todoist的主页。也在此页面上:http://shopkeeper.getbowtied.com/home/slider-example-full-screen-video/

It happens in chrome and firefox. Both latest versions. I didn't test other browsers.

它发生在chrome和firefox中。两个最新版本。我没有测试其他浏览器。

I have found something that has fixed it for chrome: https://productforums.google.com/forum/#!msg/youtube/T6hNpETUu_U/9DJrvuEkeTAJ The problem described there is different than what I'm experiencing but it worked nonetheless.

我找到了一些针对chrome修复它的内容:https://productforums.google.com/forum/#!msg / youtube / T6hNpETUu_U / 9DJrvuEkeTAJ这里描述的问题与我遇到的问题有所不同,但它仍然有效。


推荐阅读
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • pyecharts 介绍
    一、pyecharts介绍ECharts,一个使用JavaScript实现的开源可视化库,可以流畅的运行在PC和移动设备上,兼容当前绝大部 ... [详细]
  • 前端提高篇(七十):SVG基本使用、基本样式、路径path
    SVG是使用XML来描述二维图形和绘图程序的语言。SVG遵循的是xml的规范,与html5的使用有所区别SVG绘制出来的是矢量图,放大之后不会失真官方文 ... [详细]
  •   html5中template用法,html5标签  一、HTML5template元素初面  模板元素,基本上可以确定 ... [详细]
  • 发现一个好看的手机壁纸网站,撸代码的手已经饥渴难耐了
    本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。最近有同学的爬虫代码出了bug,给问我怎么改于 ... [详细]
  • Python爬虫爬点大家喜欢的东西
    要说最美好的欲望莫过于看黑丝美眉。一、技术路线requests:网页请求BeautifulSoup:解析html网页re:正则表达式& ... [详细]
  • xpath helper 可以获取到但是打印不出来_用Python里面的Xpath完成一个在线汇率转换器...
    在之前的语法里面,我们记得有一个初识Python之汇率转换篇,在那个程序里面我们发现可以运用一些基础的语法写一个汇率计算,但是学到后面的小 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 使用正则表达式爬取36Kr网站首页新闻的操作步骤和代码示例
    本文介绍了使用正则表达式来爬取36Kr网站首页所有新闻的操作步骤和代码示例。通过访问网站、查找关键词、编写代码等步骤,可以获取到网站首页的新闻数据。代码示例使用Python编写,并使用正则表达式来提取所需的数据。详细的操作步骤和代码示例可以参考本文内容。 ... [详细]
  • 本文讨论了编写可保护的代码的重要性,包括提高代码的可读性、可调试性和直观性。同时介绍了优化代码的方法,如代码格式化、解释函数和提炼函数等。还提到了一些常见的坏代码味道,如不规范的命名、重复代码、过长的函数和参数列表等。最后,介绍了如何处理数据泥团和进行函数重构,以提高代码质量和可维护性。 ... [详细]
  • 如何在HTML中获取鼠标的当前位置
    本文介绍了在HTML中获取鼠标当前位置的三种方法,分别是相对于屏幕的位置、相对于窗口的位置以及考虑了页面滚动因素的位置。通过这些方法可以准确获取鼠标的坐标信息。 ... [详细]
  • 本文介绍了响应式页面的概念和实现方式,包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点,提出了选择方案的建议。同时,对于响应式页面的需求和背景进行了讨论,解释了为什么需要响应式页面。 ... [详细]
  • 本文整理了常用的CSS属性及用法,包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等,方便开发者查阅和使用。 ... [详细]
  • CSS|网格-行-结束属性原文:https://www.gee ... [详细]
author-avatar
hupi12丨
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有