标签: fullscreen

我试图获得一个全屏运行所有页面的网站,我已经看过这里:Safari中的iPad WebApp全屏,然后我的索引页面很好地填满了屏幕,但每当我点击链接到另一个页面时,即使该页面全部使用元标记进行设置,它将铬条拉回来并且所有对齐都会消失.

必须有一种方式,或者是在后期版本中修复的safari限制.

我正在尝试将F11发送到ChromeDriver,但它没有响应它.当我按F11时,它会将Chrome转为全屏模式.当我通过ChromeDriver发送F11时,它没有.对于ChromeDriver中的任何F键,这都是相同的.它适用于FirefoxDriver和IEDriver,而不是ChromeDriver.有什么方法可以让ChromeDriver进入全屏模式吗？

注意:全屏模式与最大化模式不同,因为它隐藏了所有工具栏.

我想在我的应用程序中隐藏状态栏以使其全屏,所以我使用此示例隐藏通知栏 - 它工作正常.但如果我锁定屏幕然后解锁它,状态栏会出现,如何解决这个问题？

我花了很多时间搞清楚如何确定我的NSWindow是否处于全屏模式,以及如何启用/禁用它进入或退出全屏模式.当我将视图设置为另一个视图的动画或执行某些进入或退出全屏模式的内容时,这非常有用.类似于锁定窗口的大小.

答案如下.

我现在的最终目标是在视频播放结束时在视频顶部显示一个链接.使用JW播放器功能我已确定如何在视频完成时显示链接但仅在标准视图中显示.如果用户以全屏方式查看视频,则不会显示该链接.我已经做了大量阅读并理解,当它处于全屏模式时,视频处于闪存状态,如果不将链接集成到swf文件中,我无法覆盖闪存功能,我不想这样做.

我所做的是使用皮肤删除JW Player视频播放器中的全屏按钮.然后我创建了一个按钮,使用HTML5全屏功能全屏显示视频.(我知道IE不适用于此......现在没问题).我还可以创建一个全屏状态更改事件侦听器,以便我的链接显示在视频的顶部.但它不起作用.

无论我如何设置保存链接的DIV,它都不会出现在视频的顶部.

有人能指出我正确的方向吗？

感谢任何人都能给我的帮助.

代码示例:

#container{
       position:relative;
   z-index:0;
}

#overlay {
   visibility:hidden; 
   width: 700px; 
   height:50px; 
   color:#FFF; 
   position: absolute; 
   top: 532px; 
   margin:8px; 
   padding:5px; 
   background-color:#000;   
   text-align:center;
}

#overlayfullscreen{
   visibility:hidden;
   text-align:center;
   color:#FFF;
   font-size:26px;
   z-index: 1000;
   position: absolute;          
   top: 800px;
   margin:8px; 
   padding:5px; 
   overlay:hidden;          
}



<div id="container">
    Loading the player, if not working please update your browser.
</div>                      

<button onClick="goFullscreen('container'); return false">Click for Fullscreen</button>





var path = '<?php echo $video_path ?>';

jwplayer("container").setup(
{
autostart: <?php echo $autostart ?>,        
file: "<?php echo $full_video_path ?>", …

我正在创建自己的HTML 5浏览器播放器.所有控件分开工作,使得在IE 10,Chrome,Safari和Firefox中全屏工作非常好.

我的JavaScript技能并不是最好的,所以如果有人能够以一种简单的方式为我解释事情就会很棒.

我在一些网站上看到IE不支持全屏,如果是这样的话,为什么我可以通过IE10上的浏览器播放器控件进入全屏？(讨厌微软如此垃圾,一切都在后面!)

将不胜感激,帮助和建议!提前致谢!

这是我到目前为止的全屏功能:

function toggleFullScreen() {
    if(vid.requestFullScreen) {
    vid.requestFullScreen();   
    } else if(vid.webkitRequestFullScreen) { 
    vid.webkitRequestFullScreen();   
    } else if(vid.mozRequestFullScreen) { 
    vid.mozRequestFullScreen();
    }
    }

这是关于退出全屏模式的文档.

我使用这个代码,我学会了使浏览器全屏(它工作),但我试图修改它的版本以退出全屏失败.处理这些非标准API有点棘手,每个浏览器实现它有点不同.

这是代码:

// Bring the page into full-screen mode - Works!
function requestFullScreen(element) {

    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || 
        element.webkitRequestFullScreen           || 
        element.mozRequestFullScreen              || 
        element.msRequestFullScreen;
    if (requestMethod) {
        requestMethod.call(element);
    } else if ( typeof window.ActiveXObject !== "undefined") {
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

// Exit fullscreen - Doesn't work!
function exitFullScreen(element){
    var requestMethod = element.exitFullscreen || 
        element.mozCancelFullScreen            || 
        element.webkitExitFullscreen           || 
        element.msExitFullscreen;
    if (requestMethod) { …

我正在尝试在登录视图中设置完整的背景图像.

我在Stackoverflow中找到了这个问题:在React Native中添加全屏背景图像的最佳方法是什么

所以我就像那样做了,但它不起作用:

var login = React.createClass({
  render: function() {
    return (
      <View style={ styles.container }>
        <Image source={require('../images/login_background.png')} style={styles.backgroundImage} />
        <View style={ styles.loginForm }>
          <Text>TEST</Text>
        </View>
      </View>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
  },

  backgroundImage: {
    flex: 1,
    resizeMode: 'cover', // or 'stretch'
  },

  loginForm: {
  },
});

我不知道我做错了什么.任何帮助,将不胜感激.

编辑:这是应用程序,如果你们想看一看 - > rnplay.org上的全尺寸背景图片示例.我不知道怎么做可编辑:/

谢谢 :)

我可以修改标准的YouTube链接:

https://www.youtube.com/watch?v=R0tHEJl_Y8E

以全屏模式播放:

https://www.youtube.com/v/R0tHEJl_Y8E

我想扩充全屏网址,以便它在时间索引处开始.我查看了其他示例但未成功尝试:

https://www.youtube.com/v/R0tHEJl_Y8E&/#t=68s

建议表示赞赏:谢谢

我正在尝试实现WebChromeClient的子类,以便在youtube上嵌入视频链接(例如:https://www.youtube.com/embed/dQw4w9WgXcQ)中的全屏按钮.

我基本上简化了这个回购,这里有一些片段:

VideoWebChromeClient:

public class VideoWebChromeClient extends WebChromeClient {
    private boolean isVideoFullscreen = false;
    private View activityNonVideoView;
    private ViewGroup activityVideoView;
    private View videoViewContainer;
    private CustomViewCallback videoCallback;
    private Window videoWindow;

    public VideoWebChromeClient(View activityNonVideoView, ViewGroup activityVideoView, Window window) {
        this.activityNonVideoView = activityNonVideoView;
        this.activityVideoView =  activityVideoView;
        this.videoWindow = window;
    }

    @Override
    public void onShowCustomView(View view, CustomViewCallback callback) {
        Log.w("ENTER FULLSCREEN");
        videoCallback = callback;
        videoViewContainer = view;
        videoWindow.addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
        activityNonVideoView.setVisibility(View.GONE);
        activityVideoView.addView(videoViewContainer, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
        activityVideoView.setVisibility(View.VISIBLE);
        isVideoFullscreen = …