Webサイト内に埋め込んだmp4動画内に、リンクを貼る事は出来ますか?
出来る場合、其れは何かしらのソフトは必要でしょうか?
或いは、画像内リンクの様にhtmlタグで設定出来るのでしょうか?
教えて頂けると助かります。
制作環境
Windows10
Filmora ver.13.2.6
補足
別所でも質問してみたところ、「flash等で出来る」との回答を頂きましたが、当方の記憶では、flash動画はもうブラウザで動かせない過去の遺産と認識しているのですが……未だに現役なのでしょうか?
また、「等」の部分も、お心当たり有る方は詳しく教えて頂けると大変助かります。
A 回答 (8件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
>>其のアンカー云々をmp4動画で行う事は可能でしょうか?
videoタグでの動画なら可能です。
<a href="リンク先url"・・><video・・・</video></a>
インラインフレーム<iframe>では不可です。
iframe自体がリンク用のタグだからです。
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.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.8
- 回答日時:
どこまでやりたいかですね。
単に動画の上にリンクをおくのだったら既に回答にあるようにmapレイヤーを重ねればできますけど、動画の再生シーンに合わせてリンク先を変えるとか必要だと埋め込んだ側のページのスクリプトで動画の再生状況(今何秒目を再生しているか)を取得してmapを変更しなければいけなくなる。やることを考えるとWebゲームのシステムでも買ってくる方が簡単かも。
お探しの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も見ています
-
風水の観点で選ぶ観葉植物とは?置き場所や上げたい運気ごとの注意点を紹介!
観葉植物で運気をアップするコツを、風水デザイン1級建築士の福島昌彦さんに伺った。
-
プログラミング ソースコード
その他(プログラミング・Web制作)
-
プログラミング
その他(プログラミング・Web制作)
-
Pythonって何を意識した言語なんですか?コマンドライン?
その他(プログラミング・Web制作)
-
-
4
C言語 配列と関数の練習問題
C言語・C++・C#
-
5
現在と現在から20年前の2003〜2004年と比べてパソコンなどの中身やosの違いは詳しく挙げるとど
その他(コンピューター・テクノロジー)
-
6
小学1年生の子です。塾に行かせるのは難しいので、自宅で学べたらと思うのですが、子供にプログラミングを
その他(プログラミング・Web制作)
-
7
システムエンジニアの適正について
C言語・C++・C#
-
8
Webプログラムってネイティブアプリプログラムに比べて遥かに簡単すぎる気がするのですが気の所為ですか
その他(プログラミング・Web制作)
-
9
最新のプログラム言語を学ぶには何がいいですか?
その他(プログラミング・Web制作)
-
10
楽しくて最高のプログラミング言語を作りたいのですが、そもそもプログラミング言語を作る意味なんてないと
その他(プログラミング・Web制作)
-
11
htmlソース文の 各行 改行位置や行頭位置 タグがばらっばらになるのはどうして?
HTML・CSS
-
12
プログラマーと学歴の関係性について
その他(プログラミング・Web制作)
-
13
正規表現で複数マッチ条件で悩んでいます。ABCならtrueABBならfalseADCならtrueと
その他(プログラミング・Web制作)
-
14
PHPでこのコード自体に意味は無いんですけど、上のifと下のifの違いってなんですか?個人的には下の
PHP
-
15
C言語について。
C言語・C++・C#
-
16
C言語って古いですか?
C言語・C++・C#
-
17
VisualStudioでのプログラミングにおススメのデータベース
C言語・C++・C#
-
18
終端記号、非終端記号とは
C言語・C++・C#
-
19
pythonの質問です。
C言語・C++・C#
-
20
Webアプリや業務アプリのデータ登録処理について質問です。基本的な流れは ユーザー入力 バリデーショ
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
過剰なオブジェクト指向脳から...
-
16x16のスプライトフォント
-
本格的なWebアプリを公開する時...
-
Pythonって何を意識した言語な...
-
プログラミング未経験者(殆ど未...
-
オブジェクト指向プログラミン...
-
プログラミング初心者です。 Wi...
-
vba クリップボードクリアにつ...
-
chatGPTで次々と質問をしていく...
-
家庭のパソコンで Python の 環...
-
CLispのloop内の挙動について
-
昔のパソコン少年の武勇伝「店...
-
GoogleAppsScript文字列置換の...
-
sublimit textっていうエディタ...
-
最新のプログラム言語を学ぶに...
-
初心者powershellのPS1ファイル...
-
プログラマーと学歴の関係性に...
-
pythonにてseleniumを使うも、...
-
Google ColaboでGUI作成
-
そのまま使っただけなのに・・...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Webサイト内に埋め込んだmp4動...
-
SEOに被リンクは全く必要が...
-
スマホでボタンがhoverの状態か...
-
個人hp 外部ページへのリンク...
-
サーチコンソールで被リンクを...
-
ホームページ制作で教えてくだ...
-
excel VBA でjava のボタンを押...
-
画面のどこかをクリックすると
-
HTMLのリンクの色をクリックす...
-
iFrame内の変数を、親フレーム...
-
Googleフォームの回答リンクに...
-
WEBページのジャンプ。素早く行...
-
jquery loadでページを読み込...
-
サイト構築の方法を教えてください
-
ブラウザーの戻るボタンを押し...
-
リロードした時にページの一番...
-
『工事中』の素材
-
ページ内リンククリックでアコ...
-
戻るボタンの作成
-
リンク先を新しいタブで開けな...
おすすめ情報