1

Facebook キャンバスでの Flash ムービーの配置に関して、少し問題があります。

Flash ムービーのサイズは 760x600 ピクセルです。そのため、キャンバスの幅を固定 (760 px) に、高さを固定 (800 px) に設定する Facebook アプリの詳細設定を設定しました。

問題は、フラッシュ ムービーが x = 0 px ではなく canvas.x = 10 px に配置されているように見えるため、水平スクロール バーが表示され、750 px のフラッシュ ムービーしか表示されないことです。

Flash ムービーの位置を設定する方法はありますか? できればFlash-As3で？

前もって感謝します！

アップデート

ニラジさん、ありがとうございます！残念ながら、私は CSS で何もしたことがありません。これが私の「index.html」です。例をhtmlコードに統合する方法を教えてください。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <!-- Include support librarys first -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
    <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> 
</head>
<body>
    <div id="fb-root"></div><!-- required div -->
    <div id="flashContent">
        <h1>You need at least Flash Player 10.2 to view this page.</h1>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
    </div>
    <script type="text/javascript">
        //This example uses dynamic publishing with swfObject. Login is handled in the swf

        //Note we are passing in attribute object with a 'name' property that is same value as the 'id'. This is REQUIRED for Chrome/Mozilla browsers           
        swfobject.embedSWF("example.swf", "flashContent", "760", "600", "10.1", null, null, null, {name:"flashContent"});

        // redirect
        function redirect(id,perms,uri)
        {
            var params =
            window.location.toString().slice(window.location.toString().indexOf('?'));
            top.location = 'https://graph.facebook.com/oauth/authorize?client_id='+id+'&scope='+perms+'&redirect_uri='+uri+params;
        }       
    </script>
</body>
</html>

どうもありがとう！

4

1 に答える 1

1

問題は Flash ページにあります。Flash を埋め込んだ HTML ページから余白を削除し、関数を使用して Javacript SDK を使用してページのサイズを変更する必要がありますsetAutoGrow()。overflow: hiddenスクロールバーも削除されます。

CSS の例:

body {
  margin: 0;
  overflow: hidden;
}

編集：

ページの<head>タグに、次を追加します。

<style type="text/css">
    html, body {
      margin: 0;
      overflow: hidden;
    }
</style>
于 2012-08-07T09:32:29.543 に答える