使用 Sencha 添加视频

2024-01-11

我想使用 Sencha 在我的网站中添加 YouTube 视频。我使用以下代码:

 var pnl = new Ext.Panel({
            layout: {
                type: 'vbox',
                pack: 'center'
            },
            items: [{
                xtype:'video',
                url: "space.mp4",
                loop: true,
                width: 500,
                height: 400,
                poster: 'Screenshot.png'
            }],
            fullscreen: true
        })

这里我替换的是space.mp4带有 youtube 网址,但不起作用。如果我写html:'you tube link',它可以在我系统上的浏览器上运行,但不能在 iPhone 上运行。

我怎样才能做到这一点?


一种解决方法是使用 youtube 提供的嵌入代码 (iframe) 嵌入视频。只需使用 iframe 代码为您的组件提供 html 属性,例如:

html: '<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/1VcZ5eOwHQA" frameborder="0" allowfullscreen></iframe>'
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Sencha 添加视频 的相关文章

  • 使用 Sass / Compass 的多个背景图像

    下面使用 sass compass 生成一个 base64 内联图像 background image inline image paper jpg image jpg 有没有办法制作多个背景图像 或者我必须自己预压缩它们才能做到这一点 T
  • 为 PhoneGap 应用程序嵌入 PDF 查看器

    如何为phonegap 应用程序嵌入PDF 查看器 我决定使用 PhoneGap Sencha Touch 开发适用于 iOS 和 Android 的应用程序 我只有 iOS PhoneGap 经验 对我有用的解决方案是制作一个插件 弹出一
  • 警告说“Id”存在并且应该被销毁

    大多数时候 当我多次单击同一按钮时 调用同一函数两次或更多次时 我会看到以下警告 WARN WARN Ext Component constructor Registering a component with a id name whic
  • 按特定 id 过滤 Ext.data.Store 会返回多个结果

    我正在尝试按演出 ID 过滤我的试镜列表 但当演出 ID 为 1 时 所有演出 ID 为 1x 的试镜都会被返回 下面是我的代码 试镜型号 Ext regModel Audition fields name id type integer
  • sencha touch 消息框不可点击

    在 sencha touch 中 我们在消息框方面遇到了一些问题 看起来是android 4 3的东西 在大多数设备上它都可以完美工作 但在 Android 4 3 的设备上 当用户按下按钮时 消息框不会消失 Ext define Test
  • Sencha Touch/HTML5 从左到右滑动事件/效果

    我尝试在 Sencha Touch 或 HTML5 中从左到右执行滑动事件 效果 因此 如果 HTML 页面在 iOS 上运行 那么当用户在屏幕上用手指从左向右触摸并移动 滑动时 它应该启动动画 有什么想法可以 轻松 地做到这一点吗 如果我
  • 在 Sencha Touch 2.2.1 中运行应用程序示例时出现 JavaScript 错误

    我开始在 Windows 8 上使用最新的 Sencha Touch 2 2 1 开发移动应用程序 我做了以下步骤http docs sencha com touch 2 2 1 guide getting started http doc
  • Sencha Touch 和 ExtJS

    Sencha Touch 看起来令人印象深刻 ExtJS 看起来也不错 我正在评估是否应该在即将推出的应用程序中使用 ExtJS 或 SproutCore 现在有了 Sencha Touch 我想知道是否选择 ExtJS 会更容易port
  • 是从 Sencha Touch 2 开始比较好,还是从 Sencha Touch 1.x 开始比较好?

    我最近使用 PhoneGap 构建了一个演示应用程序 并选择尝试使用 JQuery Mobile 作为 UI 框架 这是 好吧 我现在想尝试一下 Sencha Touch 看看我是否更喜欢它 截至目前 2011 年 12 月中旬 Sench
  • 移动Web应用程序的服务器端架构

    在我开发过的大多数桌面 Web 应用程序中 您都需要一个服务器端 Web 框架 服务器端 Web 框架 Struts Spring MVC 等 具有某种用于处理请求的控制器 然后是用于生成动态内容的模板引擎 Velocity JSP 等 现
  • 为什么 Sencha Touch 中没有同步回调?

    我希望能够在商店同步成功完成后向用户显示一条消息 但是 似乎没有任何方法可以使用回调或同步调用它 我有点惊讶这不是开箱即用的 因为这一定是一个常见问题 有什么解决方法吗 我们花了很长时间才找到适当的解决方案 最后 我们向商店的写入事件添加了
  • 如何使 dataview.list 在 Sencha Touch 2 中可见?

    这里是 Sencha Touch 新手 也就是说 在过去一天左右的时间里 我一直在慢慢地思考这个问题 让我发疯的一件事是表单面板和列表由于某些奇怪的布局原因而没有显示 我不明白为什么 例如 我有以下搜索视图 Ext define NC vi
  • 使用键盘滚动 Sencha 列表

    I am using sencha list in my application It is a scrollable list I want to scroll the list by up down key and hand gestu
  • 使用 Sencha 添加视频

    我想使用 Sencha 在我的网站中添加 YouTube 视频 我使用以下代码 var pnl new Ext Panel layout type vbox pack center items xtype video url space m
  • sencha 中的按钮背景颜色

    我是 sencha touch 的新手 我们如何将按钮的背景颜色更改为白色 我有一个按钮 每个角都有两个图像 我希望按钮是纯白色的 我尝试使用这样的CSS quest background url images quest jpg no r
  • Bootstrap中纵向和横向的不同网格布局

    我正在使用 Sencha 制作 Android 应用程序 我正在使用此布局在手机和平 板电脑中进行响应式布局 div class row div class col xs 6 col sm 3 col xs 6 col sm 4 div d
  • 如何阻止 iOS 启动图像在 Phonegap / Sencha Touch 中向上移动

    我有一个 Sencha Touch 1 1 Phonegap 1 3 应用程序 并且有一个根据 iOS 文档调整大小的纵向和横向启动图像 当应用程序首次启动时 两个启动图像都正确定位 显示加载旋转器后 启动图像会垂直移动少量 在屏幕底部留下
  • 无法访问 sencha 中整个控制器的全局变量

    我一直在尝试访问一个控制器内的全局值 但无法访问它 我一直在关注这个如何在sencha中定义全局变量 https stackoverflow com questions 18095037 how to define global varia
  • 选项卡面板中的 Vbox 布局问题

    我有一个问题vbox布局所以我创建了一个简单的例子 这说明了问题 这让我vbox布局到fit屏幕的高度 On the hbox屏幕上 视图看起来符合预期 然而 当我简单地改变hbox to vbox所有文本都覆盖在左上角 所有代码都在下面给
  • cordova 本地通知声音在 ios 和 Android 中不起作用

    我在用cordova plugin local notifications https github com katzer cordova plugin local notifications插入 现在我在 Android 和 iOS 中获

随机推荐

  • Vuetify 构建为 Web 组件样式未显示

    我正在使用 Vue 和 Vuetify 以及 Web 组件构建一个应用程序 当我将 Vuetify 添加为 Web 组件时 CSS 样式 Vuetify 消失了 我尝试将以下内容添加到 demo html 文件中但这没有帮助 我的仓库是vu
  • android listview半透明选择行的颜色

    我需要在列表视图中实现半透明的行选择 以及 按下 状态 如果我应用纯色 那么一切都会按预期进行 但如果我应用半透明颜色 44444444 那么我会看到默认选择颜色 在我的 2 3 android 上为橙色 在它的顶部是我的颜色 它使橙色稍微
  • 在 XML 中应如何解释带有 CDATA 和空格的文本节点?

    System Xml 解析功能给我带来了一些惊喜 我想知道以下内容如何should被解释 或者如果这是 取决于实现 版本1
  • NuGet - RID 和 TFM 示例

    我一直在 GitHub 上查看 NuGet3 的代码 并且在以下位置看到了几种文件夹模式https github com NuGet NuGet3 blob a5bc907d36ddaa8d4fa6c499e50d7ebf8993ed39
  • 如何在Python中用空格替换所有这些特殊字符?

    如何在 python 中用空格替换所有这些特殊字符 我有一份公司名称清单 例如 myfiles txt 我的公司 INC 老酒私人有限公司 大师头脑有限公司 顶点实验室有限公司 印度新公司 印美私人有限公司 这里 按照上面的例子 我需要文件
  • 如何从 Java 运行 cygwin?

    我想从 Java 开始 如何从 Java 程序启动 cygwin 首先 您必须将 bash exe 设置为环境变量 以便此行将启动 bash Runtime rt Runtime getRuntime execute bash
  • 使用 Firebase Auth 登录 iOS 应用是否满足“导出合规信息”加密要求

    在使用 App Store Connect 上传应用程序时 我看到过有关导出合规性信息加密问题的类似问题 但我仍在寻找问题的直接答案 我正在上传 iOS 应用程序 必须回答以下问题 出口合规信息 您的应用程序使用加密吗 即使您的应用程序仅使
  • Sharepoint 2013 计算字段作为超链接呈现为文本

    I have a column in Sharepoint 2013 and set the type to Calculated I have set the data return type to integer pic attache
  • 如何在中间件中使用“this”上下文

    我出于我的目的编写了自己的中间件作为模块 如下所示 myMiddleware js module exports fn1 function req res next console log fn1 next fn2 function req
  • 错误:无法加载 libphutil

    我们已经安装运行Phabricator在我们的一台服务器中 今天 我按照 中给出的标准步骤对其进行了升级 https secure phabricator com book phabricator article upgrading htt
  • 在 Linq EF 查询中使用 SQRT

    我需要使用 SQRT 函数作为 Linq EF 查询中 where 子句的一部分 我想我可以这样做 var qry context MyTable Where sqrt it field gt 1 但它返回一个错误 指出 sqrt 无法解析
  • 强制某些编译器生成的变量进入特定的 ELF 部分(使用 gcc)

    我将从最终的问题开始 在带有 gcc 的 C 中 是否有可能获得以下值 func 或同等地 FUNCTION 存储在除 rodata 或任何地方 mrodata 点 或其小节 完整解释 假设我有一个日志记录宏 define LOG fmt
  • Xcode 无法在选定的目标上运行

    今天早上我正在运行我的应用程序 现在当我尝试在 iPhone 5 1 模拟器上运行时突然出现以下错误 无法在选定的目的地上运行 目标不支持构建所选软件的体系结构 切换到支持该架构的目标以运行所选软件 我删除了方案 但仍然没有解决方案 我正在
  • 显式模板实例化的 gcc 问题?

    据我了解 专业化的声明或 typedef 应该导致模板类被实例化 但 gcc 似乎不会发生这种情况 例如 我有一个模板类 模板类Foo 我写的 class Foo
  • 调整图像大小而不损失任何质量[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 如何在不影响图像质量的情况下调整图像
  • 在整个应用程序中设置 on_delete 的简单方法

    我一直在使用 WdPython 的论据并发现tons为了准备升级到 Django 2 0 我需要进行一些更改 python Wd manage py runserver 最主要的是on delete https docs djangopro
  • Firestore 上的条件 where 查询

    我尝试在这里实施解决方案 firestore 查询中的条件 where 子句 https stackoverflow com questions 48514932 conditional where clause in firestore
  • document.referrer 存在但始终为空

    我正在 iOS 8 上开发一个移动应用程序 document referrer 似乎总是空的 我尝试使用以下方法检查它是否存在 if referrer in document alert referrer document referrer
  • Azure Functions - Blob 流输出绑定

    我创建了一个带有 blob 存储触发器的 Azure 函数 我想处理一个文件 然后将文件转储到另一个 blob 存储容器 在最简单的情况下 我想它会是这样的 public static void Run Stream blob string
  • 使用 Sencha 添加视频

    我想使用 Sencha 在我的网站中添加 YouTube 视频 我使用以下代码 var pnl new Ext Panel layout type vbox pack center items xtype video url space m