开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何通过HTML5视频在IE8和Safari中播放单个ogv文件？

问如何通过HTML5视频在IE8和Safari中播放单个ogv文件？
EN

Stack Overflow用户

提问于 2012-08-14 05:41:22

回答 3查看 1.9K关注 0票数 0

如何通过HTML5视频在IE8和Safari中播放单个ogv文件？我知道IE和Safari不支持Ogg Theora，但我有一个要求。

对我有什么建议吗？

谢谢

internet-explorer-8

EN

回答 3

Stack Overflow用户

发布于 2014-05-05 12:35:04

OGV.JS:一个基于JAVASCRIPT的OGG THEORA和VORBIS视频解码器

瞄准Safari 6+和ie 10+

http://badassjs.com/post/71980473022/ogv-js-an-ogg-theora-and-vorbis-video-decoder-in

票数 2

EN

Stack Overflow用户

发布于 2012-08-14 06:48:34

IE8不能播放任何HTML5视频，更不用说特定格式的视频了。它根本不支持它(或任何其他HTML5元素)。你能做的最好的就是嵌入一个Flash视频。IE9确实支持HTML5视频，但仍然不支持OGG Theora格式。

Safari显然也不支持它。它确实支持HTML5视频，但不支持OGG Theora格式。

所以简而言之，这是不可能的。抱歉的。

如果要求的是开源视频格式，你可以尝试切换到WebM，Safari和IE9 (尽管两者都需要在浏览器上单独安装相关的视频驱动程序)以及Chrome和Firefox都支持它。(参见http://caniuse.com/#search=video)

但是，无论您使用哪种格式，IE8都不会为您工作。它根本不知道HTML5视频标签是什么，对此你也无能为力。

票数 1

EN

Stack Overflow用户

发布于 2014-05-05 12:44:04

Cortado流小程序

Cortado是基于Java技术的开源跨浏览器、跨平台的视频播放解决方案。利用Java巨大的安装基础，它允许web作者提供Ogg Theora内容，而不必担心安装在客户机器上的媒体播放设置。这使得维基百科能够将嵌入到文章中的Ogg Theora视频内容提供给数百万用户。最初是在Fluendo开发的，Cortado的最新版本现在由Xiph.org维护。如果您对使用免费媒体交付技术感兴趣，例如，为了避免非免费技术(如H.264 )的附加成本，并且想要接触到大量潜在用户，Cortado可能是您一直在寻找的解决方案。

http://theora.org/cortado/

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11946335

复制

相关文章

在 React 中缩放、裁剪和缩放图像

javascript css react 编程算法 https

在本文中，我们将了解如何使用 Cropper.js 在 React Web 应用中裁剪图像。尽管我们不会将这些图像上传到远程服务器进行存储，但是很容易就能完成这个任务。

疯狂的技术宅

2020/02/26

6.4K0

在 React 中缩放、裁剪和缩放图像

Laya 中缩放的实现

容器编程算法

在 Laya 中， Event 是事件类型的集合。包含了常见的鼠标事件、键盘事件。

用户2434869

2019/03/29

1.7K0

在vue中如何实现点击变成全屏及缩放

data methods 插件

项目中有点击按钮实现全屏功能目录方式一：js实现全屏方式二：使用的是sreenfull插件，执行命令安装方式一：js实现全屏 <template> <div> <a-button type="primary" @click="screen">全屏</a-button> </div> </template> data： data() { return { fullscreen: false }; }, methods： screen() {

江一铭

2022/06/16

1.5K0

在vue中如何实现点击变成全屏及缩放

linux 数据结构 css 访问管理数据分析

Layers 通常被用于去提供views的后备存储. A layer’s 的主要工作是管理您提供的视觉内容,但layer’s本身视觉属性可以设置,如背景颜色,边境,和阴影。除了管理视觉内容,该层还维护其内容的几何信息(比如它的位置、大小和变换),用于在屏幕上显示这些内容。修改layer的属性决定着你怎么样在layer几何内容上启动动画。对象封装一层一层的持续时间和节奏及其动画采用CAMediaTiming协议,它定义了层的计时信息。

星宇大前端

2022/06/02

3230

在Swift中创建可缩放的图像视图

ios 编程算法

没有什么比完美的图片更能让你的应用程序熠熠生辉，但如果你想让你的应用程序用户真正参与并与图片互动呢？也许他们想放大、平移、掌握这些图像？

玖柒的小窝

2021/11/05

5.7K0

UIView和CALayer

官方文档 http

UIView：http://blog.csdn.net/ZY_FlyWay/article/details/58611627

星宇大前端

2019/01/15

6830

CALayer的寄宿图

一个视图就是在屏幕上显示的一个矩阵块（比如图片、文字或者视频），它能够拦截点击以及触摸手势等用户输入。视图在层级关系中可以相互嵌套，一个视图可以管理他的所有所有子视图的位置。

拉维

2019/08/12

1.1K0

CALayer 图层概念二、CALayer属性二、方法

概念 CA -> Core Animation (核心动画) 相对更底层. CALayer负责视图中显示内容和动画.所有动画都是作用在CALayer上的. UIView负责监听和相应事件.UIView是更高层的封装在 iOS 中,你能看得见,摸得着的东西基本上都是UIView.比如一个按钮,一个文本标签,一个文本输入框, 一个图标等.这些都是UIView,其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层,在创建UIView对象时, UIView内部会自动创建一个图层 (即CALayer对象

用户2141756

2018/05/18

1.5K0

UIView和CALayer

1 2 3 4viewT.layer.cornerRadius = 10;//设置半径 viewT.layer.borderWidth = 10;//设置边框的宽度，当然可以不要 viewT.layer.borderColor = [[UIColor redColor] CGColor];//设置边框的颜色 viewT.layer.masksToBounds = YES;//设为NO去试试

用户2491699

2018/08/02

9900

CALayer 实用属性补充

ios git mac os asp

这个属性的类型被定义为id（这是由于MacOSX历史原因造成的，因为在Mac中这个属性对CGImage和NSImage都起作用），意味着它可以时任何对象类型，但实际上，如果给contents赋值不是CGImageRef，得到的都将是空白图片。可是CGImageRef属于Core Foundation类型，所以，赋值的时候，需要进行桥接转换。

代码行者

2018/08/23

9510

Golang-实现图片缩放

package main import ( "fmt" "graphics" "image" "image/png" "log" "net/http" "os" "strconv" "strings" ) func main() { http.HandleFunc("/", doImageHandler) http.ListenAndServe("127.0.0.1:6789", nil) } func doImag

李海彬

2018/03/20

3.8K0

UIview 和CALayer、UIWindow

UIView和CALayer都是源自NSObject。 UIView的继承结构为：UIResponder:NSObject。可以看出UIView的直接父类为UIResponder类。可见UIResponder是用来响应事件的，也就是说UIView可以响应用户事件。 2.CALayer的继承结构：NSObject 直接从NSObject继承，因为缺少了UIResponder类，所以CALayer不能响应任何的用户事件。它们分别所属的框架 1.UIView是在/System/Library/Frame

且行且珍惜_iOS

2018/05/22

6560

在小程序里实现手势缩放，你可以这样做 | 实战教程

小程序微信容器

文 | 严灏上周，知晓程序向大家分享了「知了地铁」小程序的上手体验。同时，我们也在这篇文章中提过，会与大家讨论有关小程序中手势缩放功能的实现。关注知晓程序（微信号 zxcx0101），回复「知了地

知晓君

2018/06/28

2K0

原生JS实现拖拽缩放元素

今天给大家分享一个用原生JS实现的拖拽缩放元素大小的Demo，效果如下：以下是代码实现，欢迎大家复制粘贴及吐槽。 <!DOCTYPE html> <html> <head> <meta

越陌度阡

2020/11/26

5.6K0

JQuery实现图片拖拽缩放特效

jquery 特效拖拽

给大家分享一个基于JQuery实现的图片拖拽缩放特效，效果如下：实现代码如下，欢迎大家复制粘贴。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>基于JQuery实现的图片拖拽缩放特效</title> <style type="text/css"> #box { width:

越陌度阡

2022/11/27

8.3K0

JQuery实现图片拖拽缩放特效

CALayer之mask属性-遮罩

它类似于一个子图层，相对于父图层（即拥有该属性的图层）布局，但是它却不是一个普通的子图层。

周希

2019/10/15

2.2K0

巧用css实现等比缩放裁切

我们想要将后台传过来的图片显示在一个80*80 的容器里，但是由于后台给的图片大小不一致，所以我们要对图片做一个等比缩放然后裁切中间部分显示的处理。举个栗子：

IMWeb前端团队

2019/12/05

9330

巧用css实现等比缩放裁切

IMWeb前端团队

2017/12/29

2.3K0

点击加载更多

相似问题

在CALayer上缩放图像？

11

CALayer动画-缩放和滚动

04

缩放CALayer内容的大小

12

缩放CALayer会模糊视图

13

防止CALayer子层缩放

11

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例