当包含视频的页面从外部加载到另一页面div时，视频标签中的全屏按钮丢失
我有一个页面external.php。在此页面中，当我使用以下代码时
echo
'<video width="400" controls>
<source src="movie.mp4" type="video/mp4">
</video>';
我在chrome上获得了带有全屏按钮的视频。但是，当我尝试将此
external.php加载到另一页(home.php) div上时，视频即将到来，但是全屏按钮丢失了。但是在IE中没有这样的问题。 最佳答案
您可以通过CSS或Fullscreen API解决此问题。
1. CSS
我认为您可以通过更改#document片段的CSS来完成此操作，这些片段是DOM1规范，并且受所有浏览器支持，但是关于样式，我不确定。以下解决方案是特定于Webkit的。
您只需要在CSS中编写以下代码：
video::-webkit-media-controls-fullscreen-button {}
2.全屏API
如果要通过Fullscreen API完成此操作，请首先查看以下演示：
Demo Full screen video
如您所见，一个非常简单的演示以全屏显示HTML5视频，请确保您每晚使用Chrome开发者，Webkit或firefox。
有关更多详细信息，您可以选中here。
浏览器可以提供用户界面，但不应提供可编程的界面。
关于php - 视频标签中的全屏按钮丢失，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34627134/