2016-08-05 6 views
1

ボタンをクリックしたときに呼び出されるポップアップがあり、外部リンクからのビデオが含まれています。オブジェクトタグへのロードイベントをアウレリアでアタッチしていません

私は何をしようとしていますが、プレイを取り付け、それにイベントを一時停止している
<object style="width: 696px; height: 360px;;display:block;" 
       id="educational-info-video-widget" 
       name="educational-info-video-widget" data="https_URL" type="application/x-shockwave-flash"> 
       <param name="movie" value="https_URL"> 
       <param name="flashvars" value="&amp;autoPlay=false"> 
       <param name="wmode" value="transparent"> 
       <param name="allowFullScreen" value="true"> 
       <param name="allowNetworking" value="all"> 
       <param name="allowScriptAccess" value="always"> 
       <param name="bgcolor" value="#000000"> 
      </object> 

、そうする私は、このリンクからloadイベントに実装する必要があることを見ました。

How to add event listeners to objects in a svg?

私は

constructor() { 
    this.handleBodyClick = function() { 
      alert() 
     }; 
} 

attached() { 
     document.getElementById("educational-info-video-widget").addEventListener("load", this.handleBodyClick); 
    } 

ファイルの私の.jsでこれを書いたが、loadイベントは、解雇されていません。私は何が間違っているのか分かりません。

ご協力いただきまして誠にありがとうございます。

+0

、あなたのコンテンツがブラウザにキャッシュされていませんか?ハンドラをアタッチする前に、ロードイベントが発生している可能性があります。あなたがイベントを添付した後に再び 'data'属性を設定しようとします。 – Kaiido

答えて

0

loadイベントは、次のタグでのみサポートされています。

  • <body>
  • <frame>
  • <frameset>
  • <img>
  • <input type="image">
  • <link>
  • <script>
  • <style>
+0

ええと...オーディオビデオオブジェクトSVGImageの埋め込みについてはどうですか? – Kaiido

+0

Kaiido、あなたは私の答えが間違っているか不完全であると言っていますか? –

+0

実際には両方のことが暗示しているので、オブジェクト要素の読み込みイベントはありません。 – Kaiido

関連する問題