動画にclickableなURLやJSを埋め込む？ことは可能でしょうか。

Question

Youtubeでannotationを追加できるのは、わかるのですが、それ以外の動画一般的にClickableなリンクを表示して、動画の途中にアンケートを追加したり、他のECサイトに誘導したりするのは、どのようにやっているのでしょうか。

イメージとしては、このURLのようなサービスを想定しています。

こんな感じかも、みたいなざっくりとした感じでも良いので、教えてください！
https://www.wirewax.com/examples/

宜しくお願いいたします。

Answer 1

動画は所詮動画ですからへんなリンク情報などを包含すると
むしろウィルス扱いされるのでは？
その手の処理は汎用的な仕様はむずかしいのでアプリケーションなり、
マークアップする言語の仕様なりに任せるのが賢明でしょう。

Comments

[Yuinyan]

有難うございます。汎用的な仕様は難しいのは、何となく理解しているのですが、イメージ的にこのサービスがどのように実現しているか、ということを知りたいです。もし、想像できるイメージがあれば教えてください。

Answer 2

もしかしたら、jQueryのプラグインがあるのかもしれませんが、
基本的にはcurrentTimeの値を参照して、ベタに処理を記述することになるのでは？

ざっくりと以下のようなコードになるかと。

var video = document.querySelector('video');
var hoge = function () {
  var currentTime = video.currentTime;

  // videoのcurrentTimeに応じて処理を追加していく
  if (currentTime >= 5) {
    // 処理
  }

  if (currentTime >= 10) {
    // 処理
  }

  setTimeout(hoge, 1000);
}

hoge();

Comments

[Yuinyan]

有難うございました。サンプルつくれました！