• 締切済み

動画の再生に同期させ説明文を表示したい

操作説明のWebページを作りたいのですが、どうしたら良いか分かりません。 画面構成としては・・ 1.左隅に作業進捗に応じたセレクタを表示 2.右側全てをビデオ表示領域として利用 3.上記下部に再生中のビデオの進捗に合わせ、説明書きを表示 現在セレクタをクリックすると、該当するビデオを表示させるところまで 作成することができたのですが、ビデオの再生と同時に説明書きを表示・更新してゆく方法がどうしてもわかりません。 どなたか、ご教示頂けますでしょうか。

  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

動画の中にテロップとしてうめこむか フラッシュなどプログラムとリンクする形式の 動画をつかうくらいでしょうか・・・。

Thunder3y
質問者

補足

こんなイメージでしょうか・・ 動画の再生と同時にタイムカウントを初め、内容の進捗に合わせてテキスト を更新して行く・・ 他にも方法は有るのかも知れませんが、なにぶん初心者でイメージが湧きません。 下記にソースを添付させていただきます。 ---FileName : Sample02.htm--- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!-- saved from url=(0033)file://C:\WEBTMP\Sample02.htm --> <HTML> <HEAD> <TITLE>SAMPLE<001></TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- a:hover { background-color:#ffcccc;} --> .time{behavior:url(#default#time2);} </style> </HEAD> <BODY> <CENTER><FONT size=6>SAMPLE<001></FONT> <TABLE width="750" border="3"> <TBODY> <TR> <TD width="193"><BR>  1.<A href="myhp_02.htm" target="mid_wav">エコー装置の起動</A><BR> <BR> <BR>  2.<A href="myhp_03.htm" target="mid_wav">プローブの除菌</A><BR> <BR> <BR>  3.<A href="myhp_04.htm" target="mid_wav">モード選択</A><BR> <BR> <BR>  4.<A href="myhp_001.htm" target="mid_wav">プローブの位置</A><BR> <BR> <BR>  5.<A href="myhp_002.htm" target="mid_wav">作業のコツ</A><BR> <BR> <BR>  6.<A href="myhp_003.htm" target="mid_wav">メジャーリング</A><BR> <BR> <BR>  7.<A href="myhp_004.htm" target="mid_wav">キモ</A><BR>   </TD> <TD width="537"> <CENTER> <TABLE border="0"> <TBODY> <TR> <TD width="518"> <CENTER><IFRAME name=mid_wav src="/webtmp/null.htm" width=480 scrolling=no height=400></IFRAME><BR> </CENTER> </TD> </TR></TBODY></TABLE> </CENTER></TD> </TBODY> </TABLE> </CENTER> <CENTER> <TABLE width=750 height=120 border=1> <TBODY> <TR> <TD><!-- <FONT size=4> --> <DL> <span class=time style="Color;maroon; font-size:16pt;" begin="3" dur="indefinite" timeaction="display"> <DT>操作時の勘所、キモについてコメント記入が可能です。</span> <span class=time style="Color;blue; font-size:16pt;" begin="6" dur="indefinite" timeaction="display"> <DD>再生中のビデオに応じて表示内容の説明を表示したい。</span> <span class=time style="Color;red; font-size:16pt;" begin="4" dur="indefinite" timeaction="display"> <DD>文字サイズはもっと大きい方がいい?</span> <span class=time style="Color;red; font-size:16pt;" begin="4" dur="indefinite" timeaction="display"> <BR>そしたら、考えとく。</span> </DL> </TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> ---FileName : myhp_02.htm--- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>Sample<大></TITLE> <META http-equiv=Content-Type content="text/html; charset=shift_jis"> <META content="MSHTML 6.00.2800.1528" name=GENERATOR></HEAD> <BODY leftMargin=0 topMargin=0> <CENTER><EMBED src=/WEBTMP/MOV/test1.wmv width=480 height=400> <BR>test1.wmv(600KB)<BR></CENTER></BODY></HTML> ---FileName : null.htm--- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=shift_jis"> <META content="MSHTML 6.00.2800.1458" name=GENERATOR></HEAD> <BODY></BODY></HTML> この内容をCドライブ作成したWEBTMPというフォルダへ放り込み、動作 確認をしています。

関連するQ&A

  • 動画が再生されない

    インターネットで公開されてある動画をデスクトップにダウンロードして再生しようとしても画面が白くなって再生されません。 'xxxxxx'のビデオトラックを再生中に問題が起きる可能性があります。 原因:圧縮プログラムが見つかりませんでした ムービーを閉じますか、操作を続けますか?                 閉じる  続ける というようなメッセージが表示されます。どうしたら良いのでしょうか?教えてください!

  • NHKの映りが悪い&ビデオ再生するとちらつく

    現在AIWAのTV-20GT33と言う機種を使っています。 しかしひょんなことからTVのメニュー操作画面が表示 出来なくなり、地域設定もすることが出来なくなってしまいました。 現在は民放各局は通常通り写るのですがNHKのみ画面が重なったり などして画面がちらついている感じです。 また、レンタルビデオなどを再生する分には問題ないのですが 知人から借りてきたビデオなどを再生すると画面の下部に 横線でちらつきが出てきてとても目障りです。 TVの説明書もなくしてしまったのでどのように対処すれば いいのかまったくわからない状態です。 このような場合どのようにしたらいいのでしょうか? ちなみにDVDプレーやを通してのDVDの再生などは問題ありません。 TVはモノラルで黄色・白のプラグがあるのみです。 またマンションに住んでいます。

  • スマホの動画がWin7 WMPで再生出来ない

    スマホ  :AQUOS R2(au、Android 9) P.C(OS):Windows 7 Profesional SP1 上記環境においてスマホで撮影したビデオデータ(mp4)がスマホでは問題なく再生可能ですが、同じデータを P.C にコピーして再生しようと該当ファイルをダブルクリックすると、Windoows Media Player(以下 WMP) が起動するのですが、WMPの画面は音符マークが表示されておりビデオは再生されず、音声のみが再生されます。WMP で他の(該当スマホ以外で撮影した)mp4 データは視聴可能です。 スマホから P.C へのデータ転送時にファイルが破損したのかと思い、WiFi、ケーブル接続、microSD を直接 P.C へ挿してのコピーとやってみましたが結果は同じでした。また、WMP ではなく、RealPlayer でも再生されるのは音声のみでした。 該当のスマホでは上記のような操作は初めてでしたので今までは気が付きませんでした。 他人の iPhone で撮影し、該当スマホに送ってもらったビデオデータ(MOV)は、スマホでも WMP でも再生されました。(ただし、縦で撮影したものが WMP では横になって再生されてしまいます。ネットで検索するとこれは Windows 7 の問題ということだそうです) ネット検索してみますと、スマホで撮影した mp4 の P.C(Windows 7) での再生には色々と問題があるようですが、同じような症状(問題)の報告は見付けることが出来ませんでしたので、こちらへ相談に参りました。 Android 9 のスマホで撮影したビデオデータを Windows 7 で視聴するにはどうしたらよいのでしょうか。 宜しくお願い致します。

  • Winメディアプレーヤー 再生時の画面表示

    Winメディアプレーヤーで再生する際の質問です。 「ツールバー」や自分のPCだと下部に表示されている「再生・停止・ボリューム等を変更できるやつ等を隠して再生する方法は、全画面表示で再生するしか方法はないのでしょうか? (全画面表示の様に、再生したものしか画面に表示されない方法) 全画面表示だと再生した際、再生したものが大きくなりかなり粗く表示されてしまいます。 フルモードのビデオサイズ「100%」だとデータのサイズ通りでとてもクリアに再生されますが、上記の通り、ツールバー等が画面上にでてしまうので、フルモード再生でツールバー等が画面上にでない方法はありますか? ファイルは「WMV」ですが、Winメディアプレーヤーでできなければ、何を使えばできますか? お分かりの方がいたらおしえてください。 お詫び・・・説明が下手ですいません。

  • 動画が表示できたりできなかったり…

    動画ファイル全般が、Windows media playerとQuicktimeの時は問題なく再生できるのに、 それ以外のソフトの時では映像が表示されず、音声だけが再生されてしまいます。 運がいいと、たまにそれ以外のソフトの時にも、映像付きで ちゃんと再生できることもあるのですが、だいたいの場合は映像が出ず、 何が原因なのかさっぱりわからない状態です。 コーデックやビデオドライバの更新など、 思いつくことはやってみたのですが直る様子はありません。 他の便利そうな動画再生ソフトを使ってみたいのに使えず、少し困っています。 何か他に解決法はないでしょうか? 分かりづらい文章を長々とすみません。 どなたか回答よろしくお願いします。

  • 撮影した動画がうまく再生できません。

    デジタルビデオカメラで撮影した動画をパソコンに保存したのですが、再生すると20分の動画なのに全時間が56秒となってしまいます。そのまま再生を続けるとプレーヤー下部にあるスクロールバーがいっぱいになっても再生が続きます。バーの適当な部分でクリックすると20分ある動画のうち適当な部分から再生されてしまうようです。それでも相変わらず全時間は56秒となっています。 見るだけなら問題ないかもしれませんが、この動画のワンシーンを切り取って編集したいと考えているのでこのままではできません。 実際Windowsムービーメーカーで取り込んでみたところ、やはり全時間は56秒でプレビューは表示されませんでした。再生をすると音声だけは流れます。 この動画の拡張子はvro、再生を試したプレーヤーはWMP、QTP、Divx等です。 動画を変換したらいいのでしょうか? それともファイルが破損してしまっているのでしょうか? 対処法をご教授お願いいたします。

  • 動画が再生出来ません。

    DVD-RWから動画をPCにダウンロードしましたが、再生出来ません。 ダウンロードしたものはフォルダになっており、「VIDEO_TS」という題名になっており、クリックしてみると8個のデータが入っており、 VIDEO_TS.BUP、VIDEO_TS.IFO、VIDEO_TS.VOB、VTS_01_0.BUP、VTS_01_0.IFO、VTS_01_1.VOB、VTS_01_2.BUP、VTS_01_3.BUP、 といったファイルが並んでいます。 どのファイルをクリックしても「ファイルを開けません このファイルを開くにはそのためのプログラムが必要です」と表示されます。 PCにあまり詳しくないので、何をどうすれば良いか解りません。。 仕事で使用する動画なので、何か解決策を知っている方がいらっしゃいましたらよろしくお願い致します。 説明に分かりづらい部分がありましたらすみません。

  • aviファイルの再生

    今まで再生できていたaviファイルが突然再生できなくなりました。再生できなくなったファイルを調べてみると、 共通するのはプロパティの概要にある「ビデオ圧縮」の欄がIndeoR Video 5となっていました。 DivXと表示されているものは今までどおり問題なく再生できます。 事前にWindowsとセキュリティソフトの更新以外には特に変わった操作をした覚えはありません。 検索してみるとおそらくビデオコーデックの問題かもしれないと思いましたが、 デバイス マネージャのビデオCODECの中のIndeoR Video 5 は正常に動作していますと表示されていました。 また、コマンドプロンプトにてregsvr32 ir50_32.dllと入力してみましたが、「ir50_32.dll の DLLRegisterServer は成功しました。」と表示されますがやはり再生できません。 問題のファイルにカーソルを合わせると詳細の欄に画像は表示されています。ビデオコーデックなどは初期の状態からDivXとffdshowを入れていますが、最近設定を弄ったりした覚えはないです。

  • ダウンロードした動画が再生できません

    いつもお世話になります。 YouTubeからRealPlayerを使用してダウンロードした動画が2,3日前から急に再生できなくなりました。ファイルの種類はFlashビデオで、エラーに関する表示は何も出ません。ただし再生できないのは同日以降にダウンロードしたファイルだけで、それらのファイルはダウンロードすると同時にメタファイルが生成されるようになっていました。RealPlayerの環境設定を変更した記憶はありませんが、どのように対応すればよいかご指導いただきたくお願い申し上げます。

  • 再生できません!

    Win XP Pro を使用しています。QuickTimeで.aviファイルが再生できません!再生しようとすると次のメッセージが表示されてしまいます。 ****.aviのビデオトラックを再生中に問題が起きる可能性があります。 原因:圧縮プログラムが見当たりませんでした ムービーを閉じますか、操作を続けますか? で、「続ける」をクリックしても何も表示されません!どうか宜敷くお願いします。

専門家に質問してみよう