2016-07-14 6 views
0

私はカスタムギャラリーからビデオを読み込むためにサムネイルを作成しました。そのリンクはjavascriptを使用しています。ワードプレスギャラリーからビデオを呼び出す

<img src="#" onclick="jwplayer().load({file:'http://christiantvonline.net/streams/HTVG_2.mp4'}); jwplayer().play();" /> 

あなたがビデオをロードしようとしてから死ぬ表示されます。このページではthe first thumbnailをクリックした場合。

誰でもこれを助けてください。これを達成するにはより良い方法があります。プレーヤーはJwplayerです。アンカー値を提供する場合

(#):

答えて

0

次のようにあなたがリンクしているページ上のコードの構造/整合性の問題の数は、しかし、特定の質問に対する答えがありますAタグのHREF属性(は推奨されているようにIMGタグを使用していません。そうでない場合は!)、ページは通常、ブラウザによっては最初にリロードされます。あなたがアクションを実行すると、デフォルトのリンクアクションが発生しないようにJavaScriptを使用して意図されている場合、結果として、あなたはJavaScriptの命令の一部としてそれを停止する必要が

event.preventDefault(); 

だから、基本的なコードのようなものになります。また

<a href="#" onclick="event.preventDefault(); jwplayer().load({file:'http://christiantvonline.net/streams/HTVG_2.mp4'}); jwplayer().play();"> 
    <img src="url-to-image.jpg"> 
</a> 

を、あなたは(あなたはそれがことを示唆したきたよう)画像に「onclickの」属性を追加し、IMGを包むタグを削除することができます。

cursor:pointer; 
:画像要素(タグではない)との

あなたのCSSがすでに適用されたロールオーバー効果はとても簡単な必要性は、それがリンクのように見えるように以下を追加することがあり

関連する問題