Позиция Flash-ролика на холсте Facebook

У меня небольшая проблема с расположением флеш-ролика на холсте facebook.

Флэш ролик имеет размер 760x600 px. Поэтому я установил расширенную настройку ширины холста в приложении facebook на фиксированную (760 пикселей) и фиксированную высоту (800 пикселей).

Проблема в том, что я получаю горизонтальную полосу прокрутки, и отображаются только 750 пикселей флэш-ролика, потому что флэш-ролик кажется выровненным по холсту.x = 10 пикселей, а не по x = 0 пикселей.

Есть ли способ установить положение флеш-ролика? Желательно во 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>

Большое спасибо!


facebook flash actionscript-3 facebook-canvas
person TicketToRide    schedule 07.08.2012    source источник
comment
Обновлен мой исходный вопрос с html-кодом   -  person TicketToRide    schedule 07.08.2012

Ответы (1)


arrow_upward
1
arrow_downward

Ваша проблема заключается в вашей 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>
person Niraj Shah    schedule 07.08.2012