
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を探す
今、見られている記事はコレ!
-
プログラミングを学べる!?進化している子どものおもちゃについて専門家に聞いた!
プログラミングを学べるレゴブロックがあることはご存知だろうか。レゴに限らず最近のおもちゃには、プログラミングの要素がどんどん取り入れられているようだ。「教えて!goo」にも、「プログラミングを学べる子供...
-
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」
「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
-
釣りと密漁の違いは?知らなかったでは済まされない?事前にできることは?
知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
-
カスハラとクレームの違いは?カスハラの法的責任は?企業がとるべき対応は?
東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。 この動きは自治体...
-
なぜ批判コメントをするの?その心理と向き合い方をカウンセラーにきいた!
今や生活に必要不可欠となったインターネット。手軽に情報を得られるだけでなく、ネットを介したコミュニケーションも一般的となった。それと同時に顕在化しているのが、他者に対する辛らつな意見だ。ネットニュース...
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Yahooのリンクを使用する方法
-
OKWaveからの被リンクは有効?...
-
リンク切れを判断する方法
-
SEO対策会社の仕組み教えてくだ...
-
リロードした時にページの一番...
-
「ハムスター島」「魔法のiらん...
-
LPの作成やホームページ作成の...
-
WEB制作会社かデザイン事務所か
-
良いサイト(HP)を教えてください
-
phpの問い合わせフォームを作っ...
-
ホームページ作成
-
Mediaunite の使い方
-
「戻る」を押しても戻らないweb...
-
頻繁に現れる画面は何?
-
ホームページをリニューアル後...
-
新築・リフォーム・不動産業な...
-
URLを貼るとき
-
検索エンジン
-
HPビルダーでMP3を鳴らせたい
-
あなたがお勧めするホームペー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Webサイト内に埋め込んだmp4動...
-
HTMLのリンクの色をクリックす...
-
画面のどこかをクリックすると
-
被リンク数が減る理由
-
SEOに関してです。サイト内...
-
戻るボタンの作成
-
excel VBA でjava のボタンを押...
-
Googleフォームの回答リンクに...
-
Amazonアソシエイトのリンク作...
-
jquery loadでページを読み込...
-
被リンクを無料で増やすための...
-
リロードした時にページの一番...
-
Flashボタンの保存先が設定でき...
-
リンク登録代行業者に依頼され...
-
webbrowserの読込完了が反応しない
-
ボタンにリンクをかけたら、ボ...
-
Yahooのリンクを使用する方法
-
seoでお尋ねしますが
-
Strutsでページネーションを実...
-
boxの表示・非表示
おすすめ情報