【问题标题】:play fullscreen video on button click点击按钮播放全屏视频
【发布时间】:2013-08-15 23:28:37
【问题描述】:

我在 Squarespace 的网站上浏览时看到他们在右下角有一个按钮,点击后可以播放全屏视频。当我使用 bigvideo.js 时,视频很模糊,但 Squarespace 使用的那个并不模糊,而且它也有自己的播放器。有人知道我怎么能做到这一点吗?我主要想知道如何制作自己的播放器并播放视频而不链接到另一个html页面。

编辑:似乎他们已将视频作为背景。他们怎么能这样做?

链接:http://www.squarespace.com/

截图:http://postimg.org/image/ilptcpvcx/

【问题讨论】:

  • 是否因为视频尺寸小于全屏分辨率而导致视频模糊?
  • 我想是的。但我真正想知道的是他们如何在不链接到另一个 html 页面的情况下播放它,以及他们如何制作自己的播放器
  • 制作自己的播放器很复杂,但您可以使用 Flowplayer (flowplayer.org) 之类的东西,或者只使用旧的 HTML5 (w3schools.com/html/html5_video.asp)。
  • 哦,哇,这些实际上是相当不错的选择。非常感谢!

标签: javascript html css video


【解决方案1】:

HTML 5 播放器内置全屏。

或者,您可以查看 flowplayer 或 sublime 视频。

至于模糊的视频,你确定它不仅仅是你的视频质量吗?

【讨论】:

  • 此外,还有大量在线教程可以使用 CSS 自定义 HTML5 播放器的外观
猜你喜欢
  • 2017-02-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-03-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多