Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有可能让这个YouTube视频自动播放并填满100%的屏幕_Javascript_Html_Youtube_Flash - Fatal编程技术网

Javascript 有没有可能让这个YouTube视频自动播放并填满100%的屏幕

Javascript 有没有可能让这个YouTube视频自动播放并填满100%的屏幕,javascript,html,youtube,flash,Javascript,Html,Youtube,Flash,我有一段代码,看起来像这样,播放YouTube视频: // The "main method" of this sample. Called when someone clicks "Run". function loadPlayer() { // The video to load var videoID = "XjMQmXAJ3y4" // Lets Flash from another domain call JavaScript var params

我有一段代码,看起来像这样,播放YouTube视频:

// The "main method" of this sample. Called when someone clicks "Run".
  function loadPlayer() {
    // The video to load
    var videoID = "XjMQmXAJ3y4"
    // Lets Flash from another domain call JavaScript
    var params = { allowScriptAccess: "always"};
    // The element id of the Flash embed
    var atts = { id: "ytPlayer" };
    // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
    swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
                       "&enablejsapi=1&playerapiid=player1",
                       "videoDiv", 800, 600, "8", null, null, params, atts);
是否可以使视频填满屏幕(100%宽度和100%高度)

另外,我想知道是否有可能使视频自动播放

--

编辑:自动播放问题已修复,但全屏宽度和高度问题仍然存在,我已尝试实现以下代码,但无效:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document
$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document
</script>

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load("swfobject", "2.1");
</script>    
<script type="text/javascript">

var locationToRedirect = "http://URL.com";

  function EventListener(ev)
{

    if(!ev)
    {
        window.location.href = locationToRedirect;
    }
    else if(ev == 5)
    {
        ytpl = document.getElementById("ytPlayer");
        ytpl.playVideo();
    }

}
  function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById("ytPlayer");
    ytplayer.addEventListener("onStateChange", "EventListener");
  }

  // The "main method" of this sample. Called when someone clicks "Run".
  function loadPlayer() {
    // The video to load
    var videoID = "XjMQmXAJ3y4"
    // Lets Flash from another domain call JavaScript
    var params = { allowScriptAccess: "always"};
    // The element id of the Flash embed
    var atts = { id: "ytPlayer" };
    // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
    swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
                       "&enablejsapi=1&playerapiid=player1&autoplay=1",
                       "videoDiv", screen.height, screen.width, "8", null, null, params, atts);
  }
  function _run() {
    loadPlayer();
  }
  google.setOnLoadCallback(_run);
</script>

$(窗口).height();//返回浏览器视口的高度
$(文档).height();//返回HTML文档的高度
$(窗口).width();//返回浏览器视口的宽度
$(文档).width();//返回HTML文档的宽度
加载(“swfobject”,“2.1”);
var LocationToDirect=”http://URL.com";
函数EventListener(ev)
{
如果(!ev)
{
window.location.href=LocationToDirect;
}
否则如果(ev==5)
{
ytpl=document.getElementById(“ytPlayer”);
ytpl.playVideo();
}
}
函数onYouTubePlayerReady(playerId){
ytplayer=document.getElementById(“ytplayer”);
ytplayer.addEventListener(“onStateChange”、“EventListener”);
}
//本样本的“主要方法”。当有人单击“运行”时调用。
函数loadPlayer(){
//要加载的视频
var videoID=“XjMQmXAJ3y4”
//允许从另一个域调用JavaScript刷新
var params={allowScriptAccess:“始终”};
//闪存的元素id
var atts={id:“ytPlayer”};
//SWFObject处理的所有魔法(http://code.google.com/p/swfobject/)
swfobject.embeddeswf(“http://www.youtube.com/v/“+videoID+
“&enablejsapi=1&playerapiid=player1&autoplay=1”,
“videoDiv”、屏幕高度、屏幕宽度、“8”、空、空、参数、附件);
}
函数_run(){
loadPlayer();
}
setOnLoadCallback(_run);
有关获取屏幕大小的信息,请参阅。然后,您可以使用这些值来代替
800600
,我相信这就是播放器的高度和宽度

然后只需在视频ID之后添加
&autoplay=1


编辑:我发现了另一个关于屏幕分辨率的问题

自动播放解决方案起作用了,但全屏问题仍然存在,请检查我上面的代码,我打赌不是这样:)?您可能想要
$(window.width().toString()
$(window.height().toString()
)。我读到它们一定是字符串。此外,您不需要在顶部显示所有“窗口”/“文档”内容。这些只是如何使用它的例子。你的确切意思是什么?“videoDiv”,$(窗口).height().toString(),$(窗口).width().toString(),“8”,null,null,params,atts);是的,这就是我的意思,抱歉。要让swf填充整个浏览器窗口(或者更确切地说是它的父元素),您可以使用“100%”而不是数字宽度和高度。比如swfobject.embedSWF(“…”、“videoDiv”、“100%”、“100%”、。。。