2

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

1 回答 1

0

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

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

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

于 2013-02-17T03:45:27.233 回答