1

ビデオを再生しようとしている画像をクリックした後の単純な HTML/JS ドキュメントがあります。

<!DOCTYPE html>
<html lang="en">

<head>
<script type="text/javascript">
    var embedCode = '<object data="http://www.youtube.com/watch?v=Ac_qGnPX8eI" type="application/x-shockwave-flash" height="240" width="320"><param name="src" value="http://www.youtube.com/watch?v=Ac_qGnPX8eI"><param name="allowfullscreen" value="true"></object>'
</script>
</head>

<body>
<div id="videocontainer">
    <img src="C:\thesis\100GreatP\eclipse_ws\test\src\org\cnstar\wiki\data\calm_waters.jpg" onclick="document.getElementById('videocontainer').innerHTML = embedCode;" height="240" width="320" />
</div>
</body>
</html>

ただし、画像をクリックしても何も起こりません。この問題は、HTML ドキュメントで行った方法で解決策が提示された問題の画像を埋め込まれたビデオに置き換えるで既に説明されています。しかし、それは私にとってはうまくいきません。コンピュータにインストールされている Shockwave/Flash プレーヤー。どのブラウザー (IE、Firefox、Chrome) でも読み込みに成功しませんでした。ご協力いただきありがとうございます。

4

2 に答える 2

0

YouTube JavaScript APIを正しく使用すれば、クリック時に動画を読み込む方法が提供されます。APIについてよく読んでください。クリック リンクを使用したデモについては、API ページの下部をお読みください。

https://developers.google.com/youtube/js_api_reference

于 2013-04-03T16:37:52.807 に答える
0

サイトのこの権利を取ったhttps://developers.google.com/youtube/player_parameters

<script type="text/javascript">
var embedCode = '<object width="640" height="390"> <param name="movie" value="http://www.youtube.com/watch?v=Ac_qGnPX8eI"></param> <param name="allowScriptAccess" value="always"></param><embed src="https://www.youtube.com/v/u1zgFlCw8Aw? version=3&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" 
width="640" height="390"></embed></object>'

<script> 
  function playVid(){
document.getElementById('videocontainer').innerHTML = embedCode
 }


<div id="videocontainer">
<img       src="../../../../thesis/100GreatP/eclipse_ws/test/src/org/cnstar/wiki/data/calm_waters.jpg"     onclick="playVid();" height="240" width="320" >
</div>
于 2013-04-04T20:17:07.707 に答える