vuevideo进度条样式乱

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuevideo进度条样式乱相关的知识,希望对你有一定的参考价值。

参考技术A 遇到的问题

因为video加载有可能失败,因为使用videoLoadError方法处理视频加载失败的情况,结果却发现无论视频是否加载成功都会触发error事件对应的videoLoadError方法,后来又换了onload、onemptied等一系列方法,甚至click都试过了,结果发现依然会立刻触发。

源代码。

3、解决方案

3.1、重新设置onerror方法

依然用:error来绑定事件,实际上这里用别的事件,什么click、onload也一样,但是为了可读性和控制台不报错就毅然使用error事件。

先不给video设置src属性(因为之后会重新请求,现在不需要请求,减少向服务器的请求次数),然后给videoItem的fileName值作为每个video的id,并在idvideoLoadError传入videoItem对象,在触发了videoLoadError方法之后,根据id找到对应的video,然后重新设置onerror对应的方法。

iOS 7 的小进度条可以改成 iOS6 的样式吗?

【中文标题】iOS 7 的小进度条可以改成 iOS6 的样式吗?【英文标题】:iOS 7 tiny progress bar can be changes as iOS6 style? 【发布时间】:2013-09-19 12:53:23 【问题描述】:

我的 iOS 应用程序在 iOS 6 上运行,但是当您使用 iOS7 设备使用 xcode 5 构建应用程序时,进度条样式已更改,我无法将其返回为以前的 iOS6 样式,甚至无法更改进度视图的高度(进度条)。有什么办法可以改变进度条的样式吗?我只能在 xcode 中看到 default 和 bar。

【问题讨论】:

我的目标是使用 iOS7 SDK 的 iOS4.1+ 应用程序。如果我用 xcode 4 构建应用程序,它似乎没问题。 查看 .XIB 文件时,“Interface Builder Document”面板中的值是什么?见:imgur.com/MGt8cXT 我尝试以 xcode 4.6 和 xcode 5 为目标,但在 iOS7 设备上它是相同的,当我尝试它时 ok iOS6 没关系。 在 iOS 7 下,进度视图非常薄。在 iOS 6 上运行的同一个应用程序看起来就像往常一样。 【参考方案1】:

这是一个标准的UIKit 对象。它将在每个系统上按应有的方式显示。

如果您不喜欢 iOS 7 中的小栏,您应该自定义它。

您可以使用UIAppearance 代理轻松完成此操作,但您需要使用图像来完成此操作,非常简单,只需让您的图像看起来像 iOS 6 即可,您应该会得到您所期望的。

您要自定义的属性应该是:

@property(nonatomic, retain) UIImage* progressImage NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;
@property(nonatomic, retain) UIImage* trackImage NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;

【讨论】:

【参考方案2】:

我直接在 xib 中更改了 UIProgressView 的高度。我将样式更改为 Bar 并加载了 2 张图像,一张用于进度图像,另一张用于跟踪图像。为我工作。 希望对你有帮助。

【讨论】:

以上是关于vuevideo进度条样式乱的主要内容,如果未能解决你的问题,请参考以下文章

【前端】进度条样式实现

Android水平进度条颜色和样式

重写C# winform 进度条的样式(要代码示例)

android布局文件里的ProgressBar长形进度条怎么自定义样式

如何用纯CSS3制作进度条

js 代码实现视频进度条点到哪个位置就播放那个位置的视频。进度条是用css样式另做的。