![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
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制作)
-
過剰なオブジェクト指向脳からの脱却について
その他(プログラミング・Web制作)
-
-
4
Pythonって何を意識した言語なんですか?コマンドライン?
その他(プログラミング・Web制作)
-
5
C言語 配列と関数の練習問題
C言語・C++・C#
-
6
現在と現在から20年前の2003〜2004年と比べてパソコンなどの中身やosの違いは詳しく挙げるとど
その他(コンピューター・テクノロジー)
-
7
小学1年生の子です。塾に行かせるのは難しいので、自宅で学べたらと思うのですが、子供にプログラミングを
その他(プログラミング・Web制作)
-
8
プログラミング初心者です。 Windowsで作ったWebサイトをメールでMacBookに送ったところ
その他(プログラミング・Web制作)
-
9
プログラミングの課題がわからないので教えていただきたいです。特にサークル関数を定義した後に呼び出す方
C言語・C++・C#
-
10
最新のプログラム言語を学ぶには何がいいですか?
その他(プログラミング・Web制作)
-
11
システムエンジニアの適正について
C言語・C++・C#
-
12
正規表現で複数マッチ条件で悩んでいます。ABCならtrueABBならfalseADCならtrueと
その他(プログラミング・Web制作)
-
13
楽しくて最高のプログラミング言語を作りたいのですが、そもそもプログラミング言語を作る意味なんてないと
その他(プログラミング・Web制作)
-
14
Webプログラムってネイティブアプリプログラムに比べて遥かに簡単すぎる気がするのですが気の所為ですか
その他(プログラミング・Web制作)
-
15
ITの見積もりってなんであんなに高いんですか? 原価がかからないのに
その他(ソフトウェア)
-
16
htmlソース文の 各行 改行位置や行頭位置 タグがばらっばらになるのはどうして?
HTML・CSS
-
17
応用情報技術者試験の令和元年秋、午後のプログラムの問題がわからないです。
C言語・C++・C#
-
18
PHPでこのコード自体に意味は無いんですけど、上のifと下のifの違いってなんですか?個人的には下の
PHP
-
19
AIの登場でプログラマーたちが解雇されていますが
その他(プログラミング・Web制作)
-
20
44歳でIT業界への転職
その他(開発・運用・管理)
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スマホでボタンがhoverの状態か...
-
Strutsでページネーションを実...
-
iFrame内の変数を、親フレーム...
-
グーグルに被リンクが反映され...
-
a:hoverで設定した内容をクリッ...
-
スマホサイト内へのメールで知...
-
リンク登録代行業者に依頼され...
-
ホームページビルダV9 リンク...
-
jquery loadでページを読み込...
-
被リンクZからメールが来ました
-
相互リンクと検索エンジンスパ...
-
Java Script
-
Amazonアソシエイトのリンク作...
-
javascriptであれこれ
-
Yahoo!カテゴリ登録に52500円の...
-
検索結果で、トップページより...
-
POST送信を別ウインドで行いた...
-
作為的seoに厳しいのですか...
-
jQueryのdialogの件で教えてく...
-
IEの中止ボタンが押されたのを知る
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Webサイト内に埋め込んだmp4動...
-
画面のどこかをクリックすると
-
スマホでボタンがhoverの状態か...
-
SEOに被リンクは全く必要が...
-
戻るボタンの作成
-
HTMLのリンクの色をクリックす...
-
OKWaveからの被リンクは有効?...
-
ブラウザの戻るを押しても戻ら...
-
ブラウザーの戻るボタンを押し...
-
ホームページ制作で教えてくだ...
-
リロードした時にページの一番...
-
ページ内リンクでアコーディオ...
-
jquery loadでページを読み込...
-
iFrame内の変数を、親フレーム...
-
リンククリックとリンクコピー...
-
グーグルに被リンクが反映され...
-
被リンクZからメールが来ました
-
Netscape4.7の場合のみ違うペー...
-
個人hp 外部ページへのリンク...
-
逆マウスストーカーってあります?
おすすめ情報