ひなたのブログ -3ページ目

ひなたのブログ

PCがらみの勘でさぐったヘタレ覚書と、ど~でもいいコト。

単純なんだけど、今まで必要でなかった為に知らなかったので

自分で分かる程度のはしょりメモ。



音が入ってるビデオを、htmlに埋め込む時などには

自動再生は辞めて欲しい・・・。


  ↓


htmlに動画を埋め込みたいけど、最初はYouTubeのように停まってて欲しい。

再生ボタンをクリックした時だけ、その場で再生してね。



というのを、Flashで作るのが目的。


(とりあえず、必要な動画の変換作業なんかは終わってるとしま~す)


そのまんま動画を読み込んで、

パブリッシュ設定の「html」タブにある「再生」項目の

「開始時に一旦停止」 にチェック入れて作ったところで、

htmlを読み込んだ時に勝手に自動再生しちゃうのだ。。。



解決法は、ステージに動画を読み込んだ後に、その動画をクリック、

下にある「パラメータ」をクリック



ひなたのブログ


「auto Play」が「true」になっているので、

その欄を一度クリックして、右側にでてくる▼より「false」を選ぶ


ひなたのブログ


以上。


あとのパブリッシュは普通に・・・

困ってないけど、微妙に気になるコーナー。


別ウィンドウで立ち上げたページが、不必要になった段階で閉じたいなぁ~と思うコト、

実はけっこうあったりする。

(使う人が、ブラウザ右上の「×」で消せばいいんだけどね)



小さな画面がポップアップした時によく付いている「閉じる」ボタンの仕組み


Javascriptの 「windows.close();」 で誘導して閉じられればバンザイなのだけど、


実はFireFoxでは画面を閉じてくれない(IEは問題なし)



その理由は

  • 普通に開いた画面なら効かない
  • 「target=_blank」で開かれたページなら有効になる
  • 「onClick="window.open('ページのURL')」で開かれたページなら有効になる

つまり、

別ウィンドウとして開いたページそのものに付けられた「閉じる」ボタンでないと動かない・・・ということのようで。

(開いたページにあるリンクをクリックし、ページ移動してしまえば対象外)



詳しくはこちらの方が分かりやすく解説

但し、こちらで掲載されている解決案は、現在のバージョンでは機能しない模様・・・。

   ↓↓

http://d.hatena.ne.jp/masahiror/20051101/p1




う~ん、どうしても

「別ウィンドウとして開いて、ページを移った後に閉じる」ことはムリってことだよなぁ。


誰か解決案教えてしてくれないかなぁ。

・社内の人間だけが利用する、

・使うのはipad(今回は横位置で利用する前提)

・ネットを利用したシステム・・・に使う画面をつくる。



ipadの画面幅は、768px × 1024px


しかし擬似的に横幅980px で表示しちゃうらしい。



1024pxを980pxに縮小しちゃうなら、縮小させないように固定して980pxで作れば・・・と思ったけれど、


「年配者もいるから、拡大縮小は自由にできるようにしたい」ってコトだった。



じゃあもう最初から1024pxで作ればいっか。

画面自体は切れることはないわけだし・・・と思ってたけど



CSSは同じなのに、

縮小されて表示されるページと、そうでないページがあることに気づく。


どうやら

コンテンツの少ないページ、つまり「高さ」が画面幅に足りないページは、

100%表示してくれちゃうっぽい。


しかも100%表示されちゃった場合は、

残りの僅かなスペース分(たぶん1024-980px分)、横にスクロールが可能となってしまう。



高さが足りないページごとに空白部分のサイズを設定しようかと思ったけれど、

今回出来上がるのは「システム」なので、

抽出する情報によってページの高さが上限することに気付く。




で、結論。


作る側としては少々気持ち悪いが、

使う側は大して気にしなさそうなレベルなのでほっとく(笑)




でも高さが足りなくて、100%表示されちゃった場合、

右端の文字や画像が隠れないように

コンテンツだけは980pxで作っておいた方が良さそう。


※背景の色や画像まで980pxで作ってしまうと、

  縮小されてページが表示された時や、100%表示でも横スクロールしちゃった時

  右側に白い余白部分(たぶん1024-980px分)が出るので、

  全体の枠組みはやはり1024pxにしとくのが無難みたいです。