是否可以使此YouTube视频自动播放并填满100%的屏幕

Is it possible to make this YouTube video autoplay AND fill up 100% of the screen

本文关键字:100% 屏幕 自动播放 可以使 YouTube 视频 是否      更新时间:2023-09-26

所以我有这个代码,看起来像这样,可以播放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>

请参阅此问题以获取屏幕的大小。然后,您可以使用这些值来代替您拥有800, 600我相信您拥有播放器高度和宽度的位置。

然后只需在视频 ID 后添加&autoplay=1即可。

编辑:我发现了另一个涵盖屏幕分辨率的问题。如何在javascript和/或php中获取访问者的屏幕分辨率?