我在这里创建了一个JS小提琴:

http://jsfiddle.net/lindseymysse/6C65Y/1/

错误:

从昨天晚上开始,我正在努力的网站上的一些视频停止为用户加载.我们正在使用iframe嵌入,并试图尽可能多地使用html5.

要重现此错误:

如果用户是

>未注册/尚未决定打开html5视频或
>用户已启用html5试用版,视频无法在MacBook上播放
Chrome,Firefox或Safari.

如果用户要么打开html5试用然后关闭,或者(如果他们已经注册了html5试用版)关闭,嵌入将工作

一些线索:

来自损坏视频的调试如下所示:

> debug playbackQuality = small
> scoville = 1
> cfps = 0
> pd = 0
> mos = 0
> debug flashVersion = MAC 11,2,202,235
> fs = 0
> hl = en US
>调试日期= Thu May 10 14:40:14 GMT-0700 2012
> iframe = 1
> lact = null
> videoFps = 0
> vq = auto
> h = 355
> stageFps = 24
> debug error =未指定
> tpmt = 0
> framer = http%3A%2F%2Ffiddle.jshell.net%2FunPrz%2F5%2Fshow%2F
>体积= 100
> droppedFrames = 0
> w = 473
> el = detailpage
> screenw = 1440
> screenh = 900
> debug videoId =
> playerw = 640
> debug sourceData =

多一点:

> Mozilla给出错误: – 意外值对齐解析preserveAspectRatio属性.
>我们发现这个嵌入式视频的视频即使在html5试用版中也可以作为Flash视频播放.

请参阅我的jsfiddle重现错误.

是什么造成的?这个错误不会在youtube api onError调用中抛出错误,有没有办法发现它所以我们可以处理这个?

解决方法

YouTube确实在过去几天内更改了他们的API,并且他们的HTML5视频播放器的闪回后退失败了.其他用户报告黑色或空白的YouTube播放器屏幕以及0:00的视频持续时间,这是SWF播放器出现后此错误的其他症状.

我使用一种解决方法更新了你的jsfiddle.net,从最初的开始只使用flash播放器,然后防止从闪存问题回退直到它被解决.

它保留了您的/ embed / scheme,因此任何使用的自定义API仍然有效.

解决方法添加播放列表参数,没有其他视频值和逗号,通常用于分隔播放列表中的视频,以便实现1的播放列表.

当然,如果您已经在使用播放列表,那么您将不会受到此错误的影响,因为播放列表是唯一一个强制Flash播放器在当前时间在/ embed / URL中正确呈现的Flash专用项目.

这是更新:

http://jsfiddle.net/6C65Y/3/

状态报告:此YouTube API错误不再是问题.

html5 – 有Youtube iframe嵌入已停止为某些视频工作?的更多相关文章

  1. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  3. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  4. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

  5. HTML5实现直播间评论滚动效果的代码

    这篇文章主要介绍了HTML5实现直播间评论滚动效果的代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 使用Html5多媒体实现微信语音功能

    这篇文章主要介绍了使用Html5多媒体实现微信语音功能,需要的朋友可以参考下

  7. HTML5 播放 RTSP 视频的实例代码

    目前大多数网络摄像头都是通过 RTSP 协议传输视频流的,但是 HTML 并不标准支持 RTSP 流。本文重点给大家介绍HTML5 播放 RTSP 视频的实例代码,需要的朋友参考下吧

  8. html5 拖拽及用 js 实现拖拽功能的示例代码

    这篇文章主要介绍了html5 拖拽及用 js 实现拖拽,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  9. HTML5自定义视频播放器源码

    这篇文章主要介绍了HTML5自定义视频播放器源码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  10. HTML5新增form控件和表单属性实例代码详解

    这篇文章主要介绍了HTML5新增form控件和表单属性实例代码详解,需要的朋友可以参考下

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部