当我在Rackspace云端文件服务器上托管时,似乎无法使用 html5视频标签播放视频.

在正常的主机上完美工作,但一旦链接视频与机架空间cdn网址,Chrome将冻结(完全冻结,网站UI完全阻止 – 一段时间后,Chrome弹出一条消息,说“以下页面已经变得无响应的bla bla bla “).

视频文件是正常的,因为它链接到常规主机.

对请求进行了一些监视,我最初认为问题是webm文件默认为serverd / octet-stream mime-type.我提供了一个机架空间的机票,他们给我一个方法来强制mime类型上传文件.这样做,文件现在已正确发送为video / webm ..但Chrome仍然冻结.

任何想法在这里可能会出现什么问题?

编辑:使用iheartvideo,从机架空间加载视频触发MEDIA_ERR_SRC_NOT_SUPPORTED.相同的视频关闭本地Web服务器工作完全正常(??)

编辑2:发生在Mac和Windows与最新的主流铬

编辑3:卷曲 – 结果:

Rackspace(没有工作):

HTTP/1.1 200 OK
Server: Nginx/0.7.65
Content-Type: video/webm
Last-Modified: Thu,24 Feb 2011 23:45:12 GMT
ETag: 7029f83b241aa691859012dfa047e20d
Content-Length: 20173074
Cache-Control: public,max-age=900
Expires: Fri,25 Feb 2011 01:32:11 GMT
Date: Fri,25 Feb 2011 01:17:11 GMT
Connection: keep-alive

Web服务器(工作)

HTTP/1.1 200 OK
Date: Fri,25 Feb 2011 01:17:51 GMT
Server: Apache
Last-Modified: Thu,24 Feb 2011 03:56:26 GMT
ETag: "11a0b47-133d112-49cff32940e80"
Accept-Ranges: bytes
Content-Length: 20173074
Content-Type: text/plain

编辑4:对于那些感兴趣的人,这是机架人员告诉我要做的一个webm内容类型的文件:

The file browser is not smart enough
to determine the content type
video/webm. Unfortunately,there is
not a way to change the content type
of a file that has already been
uploaded.

You’ll need to use one of the API to
re-upload your files with the correct
content type.

You can also use curl from a
linux/MacOS command line if available.

Using your username and api key run
this command…

curl -I -X GET -H "X-Auth-User: USERNAME" -H "X-Auth-Key: API_KEY" https://auth.api.rackspacecloud.com/v1.0

From the output there are 2 important
values.

X-Storage-Url: https://storage101.......
X-Storage-Token: Long hash

You can upload the files with,

curl -X PUT -T test.webm -H "Content-Type: video/webm" -H "Content-Length: FILESIZEINBYTE" -H "X-Auth-Token: TOKEN FROM RESPONSE ABOVE" https://STORAGE URL FROM RESPONSE ABOVE/test.webm

You must specify the content type,and
you must give the correct length of
bytes of what is being uploaded. If
not you will get an invalid request
error.

解决方法

我与Rackspace API相当的工作.
他们的API实际上允许您将容器设置为启用流.我的第一本能告诉我你没有这样做.
我流式传输各种文件类型,它们都是绝对的对待.

有关CDN Streaming Enabled容器的更多信息,请参见:
http://docs.rackspace.com/files/api/v1/cf-devguide/content/Streaming-CDN-Enabled_Containers-d1f3721.html

希望这有帮助,但如果不让我知道,我不介意把一些PHP示例代码放在一起来帮助你.这一切都很容易,但是让您的头脑围绕着Rackspace实施的各种API操作有时候是一项艰巨的任务.

html5 – 当从Rackspace云文件播放视频时,Chrome冻结的更多相关文章

  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拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部