【问题标题】:How to play full screen video using fancybox如何使用 fancybox 播放全屏视频
【发布时间】:2012-04-10 06:56:43
【问题描述】:

我正在使用:

  1. fancyBox ----->在弹出窗口中显示视频
  2. Videojs-------->播放视频

视频上的全屏按钮将其播放到fancybox 中使用的iframe 大小。我想把它播放到屏幕的实际大小...这怎么可能...请帮忙。

【问题讨论】:

  • 不确定我是否理解了这个问题:视频链接是否在您的 html 页面上的常规 <iframe> 标记内? ...所以你想在父页面中触发fancybox,而不是“iframed”页面? ....如果不是,你的意思是如何让fancybox和你的屏幕一样大?
  • 是的,父页面正在触发对 fancybox 的调用,该调用会创建一种向上窗口并调用 videojs tp 播放所需的视频。视频链接在调用videojs的html页面中。
  • 你的意思是全屏按钮(在 fancybox 内)不会切换到窗口的全尺寸?您能否请一些代码(js和html)或链接来查看问题? ......很难帮助猜测
  • 我也有同样的问题bitstream.ca/beta
  • 查看以下链接:fancybox.netvideojs.com/.......The 集成两个脚本的代码是:' ' 这里的演示文件在 videojs 文件夹中。

标签: video iframe fancybox


【解决方案1】:

使用内联 HTML 代替 iframe - fancybox 支持它

<a id="inline" href="#data">This shows content of element who has id="data"</a>

<div style="display:none"><div id="data"><video ...>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-12-07
    • 1970-01-01
    • 1970-01-01
    • 2020-04-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-21
    相关资源
    最近更新 更多