css - 如何在IE或FF中全屏显示Html5视频

Question

我已经研究了这个主题很长一段时间了，但一直未能找到任何结论性的答案。

我有一个创建 html5 视频的模板，但该模板是在两个单独的事件上创建的，并且在任一调用中都有不同的 CSS 集。

在一次调用中，视频元素以全屏呈现，一切正常。另一方面，缺少全屏按钮，在 Chrome 中，我设法使用 CSS 中的 video::-webkit-media-controls-fullscreen-button 显示选项解决了这个问题。

现在我开始检查其他选项，发现按钮不见了，而且我没有看到任何其他我可以依赖的 css 选项。

我的问题是，除了使用自定义控件，我还能做些什么来解决这个问题？

提前致谢。

Answer 1

我相信你的模板改变了一些东西，或者没有添加例如“control”属性。

这是一个简单的 HTML5 视频示例，全屏选项适用于所有现代浏览器:http://www.w3schools.com/html/html5_video.asp

点击“自己尝试>>”查看代码。