スクロールについての質問

このQ&Aのポイント
  • スクロールについての質問です。スクロール内に嵌め込み動画を載せる方法について教えてください。
  • スクロール内に動画を載せる方法について教えてください。
  • スクロール内での嵌め込み動画の表示方法がわかりません。お助けください。
回答を見る
  • ベストアンサー

スクロールについて

<textarea rows="5" cols="45" style="border-style:solid; padding:4px;background:#FAEBD7; scrollbar-base-color:#FF0000; scrollbar-face-color: #FF0000; scrollbar-track-color:#444444; scrollbar-3dlight-color: #CCCCCC; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #CCCCCC; scrollbar-darkshadow-color: #666666; scrollbar-arrow-color: #660000;"> ここに文字を書く </textarea> ここに文字を書くの部分にyoutubeなどの嵌め込み動画を載せるにはどうすれば良いでしょうか。 例えば、 <iframe width="425" height="349" src="http://www.youtube.com/embed/kXYiU_JCYtU" frameborder="0" allowfullscreen></iframe> これをコッピーペーストして貼り付けても、スクロール内では、動画に変換されません。 どなたか、よろしくお願いします。

  • CSS
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • abacabu
  • ベストアンサー率37% (250/663)
回答No.2

独学でWEBサイトを作成している者です。 まぁ基本事項は最初の回答者様の言われる通り、あらかじめタグの定義をW3Cが定めてくれているので、 タグの使い方をWEBサイト開発者が定義しなくてもサイトを作れるのが最大の魅力です。 プログラム言語でないという事です。 textareaに動画を埋め込めませんが、逆にtextareaに動画を埋め込んでなにがしたいのか? 動画を背景に置きながらユーザーに文字を打たせたいって事?? 正直実現できるとしても凄く目が疲れるとは思います… 何と言いますか iframeでもobjectでもまず動画を置いてその上にテキストエリアを乗せて、 background-color:transparent;を指定してみて 背景が透過されればやりたい事は実現出来るかもしれませんが background-color:transparent;は、主にiframeなどの中の別ページの背景を透過させてメインのページの背景に する時に使うものです。基本的に無設定時の規定値ではあります。 textareaのbackgroundを透過できるかはやった事もないですので実現出来るかわかりませんが 可能な場合はこの方法しかないかと? いま思いつくのはこんな事位ですがご参考になれば幸いです。

gonshisan
質問者

お礼

なるほど、勉強不足でした。 親切にありがとうございます。

その他の回答 (1)

  • 0909union
  • ベストアンサー率39% (325/818)
回答No.1

何時も記載するのですが、仕様に関しては、仕様書をみましょう。 http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/interact/forms.html#h-17.7 (本家ではないが、翻訳したサイトです) に仕様があります。その仕様にのっとって作成しましょう。つまり、あなたのやろうとしたことは、仕様上できないことになっています。 この仕様書にあるDTDの箇所か書式の仕様です。このDTDの仕組みはSGMLと言うHTMLの元祖の規格で、孫に引き継がれた物です。DTDにテキストしか入らないことが定義されていますね。 http://www008.upp.so-net.ne.jp/mo--/html/sum/attrsval.htm http://biw.xii.jp/ref/ref_cdata.htm http://www.ne.jp/asahi/minazuki/bakera/html/reference/dataformat 参考文献です。内容の正確性は精査していませんが、記載があるのでリストしています。まあだいだいあっています。

gonshisan
質問者

お礼

親切にありがとうございます。

関連するQ&A

  • TEXTAREAのスクロールバーの色は変えない方法

    次のようにすると、TEXTAREAのスクロールバーも色が変わってしまいます。 ブラウザのスクロールバーのみ変えて、TEXTAREAのスクロールバーの色は変えない、できるだけ洗練されたエクセレントな方法を教えて下さい! body { scrollbar-highlight-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#0066ff; scrollbar-base-color:#0066ff; scrollbar-face-color:#0066ff; scrollbar-shadow-color:#0066ff; scrollbar-darkshadow-color:#299095; }

    • ベストアンサー
    • CSS
  • アイフレームのスクロールバーを変えたい。

    お世話になります。 アイフレームを使いたいんですけど、スクロールバーをスケルトンとかちょっとかわいめに変えたいんです。 最終的には、背景を透かして、アイフレーム内に入る文章が長いときだけスクロールバーが現れ、それがスケルトンとかちょっと可愛いものに変えたい、ということです。 通常のhtmlだとスタイルシートで <style type="text/css"> <!-- body{scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffFFff; scrollbar-shadow-color: #ffFFff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #FF0033; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff;} --> </style> こんな感じで入れると思うんですけど、これはアイフレームにはきかないんですよね・・・。 ちなみに現状は以下です。 <IFRAME name="ifnikki" src="nikki.shtml" width="380" scrolling="AUTO" frameborder="0" flameallowtransparency="true">

  • テキストボックス

    テキストボックスを作成したのですが、更新用にしたいので文字を打てないようにしたいのですが、苦難しています。 どなたか、教えてください。 <head> <style type="text/css"> <!-- body { scrollbar-arrow-color:#000000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ffffff; } textarea { scrollbar-arrow-color:transparent; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-3dlight-color:transparent; scrollbar-track-color:transparent; scrollbar-shadow-color:transparent; scrollbar-darkshadow-color:transparent; } --> </style></head> <body> <FORM> <TEXTAREA rows="3" cols="70">

    • ベストアンサー
    • HTML
  • IE6でのスクロールバーの色

    IE5.5の時は、スクロールバーの色が変わってたんですが、 IE6にしたら、色が変わらなくなりました。 どうしたらよいでしょうか。 教えてください。 よろしくお願いします。 ■補足説明■ スタイルシートは外部から読み込むようにしてます。 記述は以下のとおりです。 body{scrollbar-base-color:#000000; scrollbar-face-color:#000000; scrollbar-track-color:#000000; scrollbar-arrow-color:#8080ff; scrollbar-3dlight-color:#8080ff; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#8080ff; font-size:12px; color:#8080ff; background-color:#000000}    ・    ・    ・    ・ フォントサイズ、フォントの色、背景色は認識されてます。

  • カテゴリにスクロールバーを設置

    以下のタグに何をプラスすれば スクロールバーは表示されませすか??? また参考になるホームページがあれば紹介して下さい。 <Style Type="text/css"> <!-- Body{ scrollbar-arrow-color:#ff99ff; scrollbar-base-color:#ffccff; scrollbar-darkshadow-color:#800000; scrollbar-highlight-color:#ffe8f3; scrollbar-shadow-color:#ff99ff; scrollbar-track-color:#ffccff; }--> </STYLE> 宜しくお願いします。

  • スタイルシートのスクロールバー

    現在HPを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか? 宜しくお願いします。 <style type=text/css> <!-- body{ scrollbar-face-color:#fba32b; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#fba32b; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE>

  • HP作成(スクロールバーの色)

    HP作成初心者です。 画面のスクロールバーの色をスタイルシートを使って変更したいのですが、言語がよく分かりません。 以下の「face-color」や「highlight-color」などはどの部分の色を指定しているのでしょうか? 分かる方教えてください。参考になるURLなども教えていただければうれしいです。 <STYLE type="text/css"> <!-- body { scrollbar-face-color:#756fea; scrollbar-highlight-color:white; scrollbar-shadow-color: #756fea; scrollbar-3dlight-color: #756fea; scrollbar-arrow-color:white; scrollbar-darkshadow-color: #756fea; scrollbar-track-color: #4d44e3; } --> </STYLE>

  • インラインフレームで作ったテキストBOXのスクロールバーに色を付けるには

    HPビルダーのインラインフレームで作ったスタイルシートのテキストボックスのスクロールバーに色を付けたいのです。 border-color : lime lime lime lime; border-style:dotted; background-color:#ffffcc; ここまでは表示されてますが、プレビューしてもスクロールバーに色が付きません、修正場所を教えてください。 『<IFRAME src="koushinrireki.html" scrolling="AUTO" width="565" height="190" frameborder="0" style="border-color : lime lime lime lime; border-style:dotted; background-color:#ffffcc; scrollbar-3dlight-color:#ffff00; scrollbar-arrow-color:#cc0066; scrollbar-base-color:white; scrollbar-darkshadow-color:#ffcccc; scrollbar-face-color:white; scrollbar-highlight-color:#ffcccc; scrollbar-shadow-color:#ffcccc;" </IFRAME></IFRAME>』

  • スクロールバーのスタイルシートについて。

    スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば HPをフレームで2つに分けた場合、全部のページにスタイルシートを 書かなければいけないんでしょうか?一番最初のページだけではうまく いきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>

    • ベストアンサー
    • HTML
  • ココログのスクロールバー

    「ココログ」を使っています。 カスタム編集にした時、CSSをつかって スクロールバーの色を変えたいのですが、上手く反映されず通常のままです。 (ちなみにオンマウスの設定など、他のCSSは反映されています) 何か間違っているでしょうか? それとも「ココログ」ではスクロールバーの変更は対応してないのでしょうか? ----------------------------------------------- <STYLE type=text/css> <!-- BODY{ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> -----------------------------------------------

専門家に質問してみよう