Webサイト内に埋め込んだmp4動画内に、リンクを貼る事は出来ますか?
出来る場合、其れは何かしらのソフトは必要でしょうか?
或いは、画像内リンクの様にhtmlタグで設定出来るのでしょうか?
教えて頂けると助かります。
制作環境
Windows10
Filmora ver.13.2.6
補足
別所でも質問してみたところ、「flash等で出来る」との回答を頂きましたが、当方の記憶では、flash動画はもうブラウザで動かせない過去の遺産と認識しているのですが……未だに現役なのでしょうか?
また、「等」の部分も、お心当たり有る方は詳しく教えて頂けると大変助かります。
A 回答 (8件)
- 最新から表示
- 回答順に表示
No.8
- 回答日時:
どこまでやりたいかですね。
単に動画の上にリンクをおくのだったら既に回答にあるようにmapレイヤーを重ねればできますけど、動画の再生シーンに合わせてリンク先を変えるとか必要だと埋め込んだ側のページのスクリプトで動画の再生状況(今何秒目を再生しているか)を取得してmapを変更しなければいけなくなる。やることを考えるとWebゲームのシステムでも買ってくる方が簡単かも。
No.7
- 回答日時:
ああ、先を越されたか。
複数リンクなら、map を重ねればよいですね。
<video src="./動画.mp4" width="640" height="360"></video>
<img src="./透明画像.png" usemap="#maptrick"
style="position:absolute; left:0px;" width="640" height="360">
<map name="maptrick">
<area shape="rect" coords="0,0,640,180" href="./リンク先1.html">
<area shape="rect" coords="0,180,640,360" href="./リンク先2.html">
</map>
とか。
No.5
- 回答日時:
> 1つの動画内に複数のリンクを設定
その用途ならば一般には <map> と <area> を使います
ただし <img> にしか使えないので <video> に対して使うならば、
動画の前面に透明画像を重ね合わせ表示させる一工夫が必要になります。
例)
<style>
.linkedvideo { position:relative; }
.linkedvideo > img { position:absolute; top:0; left:0; z-index:1; }
</style>
<map name="videolinks">
<area shape="circle" coords="80,80,50" href="丸い.html">
<area shape="rect" coords="200,30,300,130" href="四角.html">
</map>
<section class=linkedvideo>
<video src="動画.mp4">
<img src="同サイズの透明画像.png" usemap="#videolinks">
</secrion>
参考)
https://developer.mozilla.org/ja/docs/Web/HTML/E …
https://developer.mozilla.org/ja/docs/Web/HTML/E …
https://developer.mozilla.org/ja/docs/Web/CSS/CS …
No.4
- 回答日時:
>>其のアンカー云々をmp4動画で行う事は可能でしょうか?
videoタグでの動画なら可能です。
<a href="リンク先url"・・><video・・・</video></a>
インラインフレーム<iframe>では不可です。
iframe自体がリンク用のタグだからです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ニコニコ動画 お勧め、高画質・高音質、有料web録画ソフトをご紹介下さい。 2 2022/11/22 20:31
- YouTube 自社WEBサイトにYOUTUBE動画を貼り付けて、パスワードを知っている人だけに公開する方法 1 2024/03/29 18:55
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- その他(パソコン・周辺機器) MP4のチャプター設定について 3 2022/11/22 22:31
- Windows 10 win10PCとクロムOSの接続について 6 2024/02/23 13:53
- Windows 10 PDFに埋め込まれたファイルサーバリンクをエクスプローラーで開く方法 0 2023/12/21 17:33
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
プログラミング ソースコード
その他(プログラミング・Web制作)
-
プログラミング
その他(プログラミング・Web制作)
-
C言語 配列と関数の練習問題
C言語・C++・C#
-
-
4
Pythonって何を意識した言語なんですか?コマンドライン?
その他(プログラミング・Web制作)
-
5
現在と現在から20年前の2003〜2004年と比べてパソコンなどの中身やosの違いは詳しく挙げるとど
その他(コンピューター・テクノロジー)
-
6
最新のプログラム言語を学ぶには何がいいですか?
その他(プログラミング・Web制作)
-
7
Webプログラムってネイティブアプリプログラムに比べて遥かに簡単すぎる気がするのですが気の所為ですか
その他(プログラミング・Web制作)
-
8
システムエンジニアの適正について
C言語・C++・C#
-
9
htmlソース文の 各行 改行位置や行頭位置 タグがばらっばらになるのはどうして?
HTML・CSS
-
10
小学1年生の子です。塾に行かせるのは難しいので、自宅で学べたらと思うのですが、子供にプログラミングを
その他(プログラミング・Web制作)
-
11
正規表現で複数マッチ条件で悩んでいます。ABCならtrueABBならfalseADCならtrueと
その他(プログラミング・Web制作)
-
12
Javaって使いますか、もう古いですか?C++とどっちがいいですか?分析でC++使う授業ありましたけ
C言語・C++・C#
-
13
C言語について。
C言語・C++・C#
-
14
C言語って古いですか?
C言語・C++・C#
-
15
VisualStudioでのプログラミングにおススメのデータベース
C言語・C++・C#
-
16
終端記号、非終端記号とは
C言語・C++・C#
-
17
pythonの質問です。
C言語・C++・C#
-
18
Webアプリや業務アプリのデータ登録処理について質問です。基本的な流れは ユーザー入力 バリデーショ
その他(プログラミング・Web制作)
-
19
IT業界より楽に稼げる業界ってあるんですか?銀行とか?
その他(プログラミング・Web制作)
-
20
スカラーのベクトル微分
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
SEOに被リンクは全く必要が...
-
Webサイト内に埋め込んだmp4動...
-
ホームページ制作で教えてくだ...
-
個人hp 外部ページへのリンク...
-
エクセルでリンクページを作り...
-
HTMLタグで色を変える
-
「戻る」を押しても戻らないweb...
-
webサイトを簡単に作成する方法...
-
「八百万の神」このサイトは何...
-
HPを作りたいと考えているので...
-
静止画画像をクリックすると音...
-
Webデザインや広告制作について...
-
WordPressに関しまして。WordPr...
-
トラックパッドの戻る動作
-
WEBデザインの制作。「コーディ...
-
PHS使ってます☆
-
画面が緑になって動画が再生さ...
-
良いWebサイトの例、悪いWebサ...
-
ホームページをリニューアル後...
-
WordPressに関しまして。WordPr...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Googleフォームの回答リンクに...
-
スマホでボタンがhoverの状態か...
-
個人hp 外部ページへのリンク...
-
サーチコンソールで被リンクを...
-
画面のどこかをクリックすると
-
HTMLのリンクの色をクリックす...
-
ページ内リンクでアコーディオ...
-
excel VBA でjava のボタンを押...
-
被リンクを無料で増やすための...
-
戻るボタンの作成
-
a:hoverで設定した内容をクリッ...
-
ブラウザの戻るを押しても戻ら...
-
SEO対策に被リンクは必要?
-
ボタンにリンクをかけたら、ボ...
-
検索結果で、トップページより...
-
ブラウザーの戻るボタンを押し...
-
被リンクZからメールが来ました
-
リロードした時にページの一番...
-
サイト構築の方法を教えてください
-
インフレーム内のラベルに飛び...
おすすめ情報