Javascript 在iframe中嵌入HTML5游戏，能够在不同的域上切换到全屏模式
我正在尝试为archive.org中嵌入的游戏启用全屏支持 嵌入代码的示例如下：Javascript 在iframe中嵌入HTML5游戏，能够在不同的域上切换到全屏模式,javascript,html,iframe,embed,fullscreen,Javascript,Html,Iframe,Embed,Fullscreen,我正在尝试为archive.org中嵌入的游戏启用全屏支持 嵌入代码的示例如下： <iframe src="https://archive.org/embed/DukeNukem" width="560" height="384" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe> 全屏模式在archive.org游戏页面上可
<iframe src="https://archive.org/embed/DukeNukem" width="560" height="384" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe>
//试试这种代码的和平
//try this peace of code
//do not forget to change the src in the iframe tag
<html>
<head>
<title>full screen iframe</title>
<style type="text/css">
html {
overflow: auto;
}
html,
body,
div,
iframe {
margin: 0px;
padding: 0px;
height: 100%;
border: none;
}
iframe {
display: block;
width: 100%;
border: none;
overflow-y: auto;
overflow-x: hidden;
}
</style>
</head>
<body>
<iframe src="" frameborder="0"
marginheight="0"
marginwidth="0"
width="100%"
height="100%"
scrolling="auto"></iframe>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</html>
//不要忘记更改iframe标记中的src
全屏iframe
html{
溢出：自动；
}
html，
身体
分区，
iframe{
边际：0px；
填充：0px；
身高：100%；
边界：无；
}
iframe{
显示：块；
宽度：100%；
边界：无；
溢出y：自动；
溢出x：隐藏；
}