ウェブページに動画を掲載する方法

ページ名:ウェブページに動画を掲載する方法

動画を追加したいですか?もしそうなら、あなたは正しい場所に来ました。方法はたくさんありますが、ここではそのいくつかをご紹介します。

方法1

YouTube動画

最もシンプルな方法です。この方法なら、コードの知識がなくてもウェブページに動画を埋め込むことができます。また、自分で動画をホストする必要もありません。

  1. にアクセスします。
  2. 埋め込みたい動画を検索するか、.
  3. ページにある埋め込みオプションを見つけるか、youtube.com以外のウェブサイトでこのYouTubeビデオを見ている場合(つまり、すでに埋め込まれている場合)、オプションはビデオの最後に表示されます。
  4. 提供されたコードをクリップボードにコピーします。(Windowsユーザーの場合は右クリック > コピーまたはCtrl > C)。
  5. ビデオを表示させたいウェブページにコードを貼り付けます。(右クリック > 貼り付け、またはWindowsユーザーの場合はCtrl > V)
方法2

インラインビデオ

インラインビデオは、ウェブページにビデオを含めるもう一つの簡単な方法です。しかし、この種のビデオの問題点は、それが迷惑な場合があり、一部の人々は、インラインビデオが表示されないようにブラウザのオプションを変更している可能性があることです。また、動画の再生方法をコントロールするのも簡単ではありません。

  1. ファイルを探す他のウェブサイトのビデオをホットリンク(直接使用)するのではなく、自分のサーバーにビデオをアップロードすることをお勧めします。
  2. ファイルのURLを<img>タグに記述します。
    例えば
    <img="Example.avi">のようにします。
  3. このコードをウェブページに追加し、Example.aviをファイルに変更します。
方法3

プラグイン

プラグインは、ウェブページに埋め込むことができるミニプログラムです。ビデオ再生の場合は、メディアプレーヤーです。Windows Media Player、QuickTime、Real Mediaなどがその例です。

  1. Inline Videoセクションのように、ファイルを探します。
  2. ファイルを埋め込みます。これにはいくつかの方法があります。以下はその例です:
QuickTimeムービー(.mov)
  1. 例として次のコードを使用します:

    <object width="160" height="144"
    クラス
    コードベース="http://www.apple.com/qtactivex/qtplugin.cab">
    <param name="src" value="Example.mov">を指定します。
    <param name="autoplay" value="true">「自動再生
    <param name="controller" value="false"> <embed

    <embed src="sample.mov" width="160" height="144"
    autoplay="true" controller="false"
    pluginspage="http://www.apple.com/quicktime/download/">
    </embed> </embed

    </object>
  2. このコードをWebページに追加します。Example.movをファイル名に変更し、必要に応じてパラメータを変更してください。
リアル・ビデオ・ムービー (.rm/.ram)
  1. 例として次のコードを使用します:

    <オブジェクト width="320" height="240"
    クラス
    <param name="controls" value="ImageWindow" /> <param name="autostostrap" value="imageWindow
    <param name="autostart" value="true" /> <param name="src" value="src">を指定します。
    <param name="src" value="Example.ram" /> <param="autostart "値="true" /> <param="autostart "値="true" />
    </object
  2. Example.ramをあなたのファイル名に変更し、必要に応じていくつかのパラメータを変更して、このコードをあなたのウェブ・ページに追加してください。
方法4

ハイパーリンク

ウェブページにビデオを追加する他の方法の1つは、ハイパーリンクを張ることです。これは単にリンクするということです。ファイルはプラグイン(上記参照)を使って、それ自体で開きます。

  1. 例として、次の簡単なコードを使用します:

    <a href="Example.avi">とします。
    ビデオファイルを再生するにはここをクリック
    </a>
  2. このコードをあなたのウェブページに追加し、Example.aviをあなたのファイル名に変更し、必要に応じていくつかのパラメータを変更してください。
この記事は、CC BY-NC-SAの下で公開されている「 How to Put Video on a Web Page 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧