埋め込んだ動画の位置を調節したい。

  • 不明 のアバター
    sobakasu0319 · メンバー ·

    お世話になっております。

    最近、動画（ＹｏｕＴｕｂｅ）を埋め込みましたが、
    表示位置が真ん中になってしまいます。
    左端に移したいのですが、どうやるのでしょうか。

    ヘルプが必要なブログは (ログイン中のユーザーにのみ表示) です。

  • 不明 のアバター
    howdoigettocarnegiehall · メンバー ·

    今日は。

    １．YouTubeの画面に相当する部分が分かるはず。ここを軽くクリックして、
    　　選択状態(=アクティブ)にしておき、入力欄の一番上にある左揃えを
    　　クリックします。多分、この方法で左揃えになったはず。
    　　但し、このYouTubeのある位置により、文字列も影響を受ける場合があり　　ます。この場合は、YouTubeのある位置の上下にスペース行を数行入れる　　と改善する場合があります。いずれにせよ、癖のある挙動をするので、
    　　面倒な作業になることもあります。MS Office、OpenOfficeでも同様です。

    ２．1.で成功しない場合があります。その時は、YouTubeの枠内のどこか左側に
    　　隙間があって、カーソルを入れることが出来る場合に限り、削除キー
    　　を任意の数だけ入れることが出来ます。この場合は、目視による移動にな
    　　りますので、位置がぴったりと思うことろに行かずにアバウトな印象が抜　　けない場合があります。右側にカーソルを入れてスペースキーを入れても
    　　同様な効果があります。

    ３．もっと厳密に動かしたい場合は、HTMLを使って移動させることも出来ます

    　　各参考書などを参照ください。ただし、私はHTMLをすべて試してみた
    　　訳ではないので、すべてのタグ類が使用できるとは保証しかねます。
    　　また本来は、YouTubeを埋めるためのスペース、位置などを予め決めてお
    　　き、CSS等で規定しておくのが正しい方法です。ブログであるから、
    　　そこまでは必要はないと思います。

    ４．私の場合は、リンクURLを入れておくだけにしています。

  • 不明 のアバター
    sobakasu0319 · メンバー ·

    はじめまして「howdoigettocarnegiehall」様。

    アドバイスありがとうございました。
    ＣＳＳについては、いまひとつ解からないところがありますので、
    管理者様にお聞きしたいと思います。

    ＞管理者様。
    　そういうわけですのでＣＳＳで動画の埋め込み位置を決める方法を、
    ご教示いただけますでしょうか。
    他にも方法がありましたらお願い申し上げます。

  • 不明 のアバター
    naokomc · メンバー ·

    WordPress.com で YouTube 動画を埋め込むと、以下のようなコードが生成されます。

    <p><span style='text-align:center; display: block;'><object width='420' height='346'><param name='movie' value='http://www.youtube.com/v/0vPygzPSg8M&rel=1&fs=1&showsearch=0&showinfo=1&iv_load_policy=1' /><param name='allowfullscreen' value='true' /><param name='wmode' value='opaque' /><embed src='http://www.youtube.com/v/0vPygzPSg8M&rel=1&fs=1&showsearch=0&showinfo=1&iv_load_policy=1' type='application/x-shockwave-flash' allowfullscreen='true' width='420' height='346' wmode='opaque'></embed></object></span></p>

    これを左寄せにするためのカスタム CSS は以下のようになります。

    p span object { text-align: left; }

    中央寄せではなく両脇のスペースをなくしたいという場合は、

    [youtube=http://www.youtube.com/watch?v=0vPygzPSg8M?w=600]

    のように ?w=nnn と横幅のピクセル数を指定してテーマの幅いっぱいに表示することもできます。

  • 不明 のアバター
    sobakasu0319 · メンバー ·

    ＣＳＳを見てみましたが更新ボタンが無く、
    内容が変わりません。

    更に詳しいお話をお願い申し上げます。

    それともう一つお尋ねしたいのですが、
    動画を左端から全角スペース１文字分空けた位置に、
    埋め込むときは普通にスペースを入力して、
    アップすれば、その位置に動画を埋め込むことが出来ますでしょうか。

  • 不明 のアバター
    naokomc · メンバー ·

    「外観 > CSS を編集」メニューからプレビューができます。保存するにはカスタム CSS 有料アップグレードが必要です。
    アップグレードは「アップグレード」メニューから購入していただく必要があります。

    左からスペースを少しだけ開けたい場合は、

    p span object { text-align: left; margin-left: 15px }

    などとしてみてください。

  • 不明 のアバター
    sobakasu0319 · メンバー ·

    ご回答ありがとうございました。

    現在のところ購入の予定はありません。
    将来的にはＣＳＳなしでできると嬉しいです。
    Windows Live SpacesはＣＳＳは無いので、
    出来れば引き継いでいただくよう希望させていただきます。

  • トピック「埋め込んだ動画の位置を調節したい。」には新しい返信をつけることはできません。