0

3D キューブを画像とビデオに置き換えて各面に追加しようとしていますが、html タグを html ビデオ要素タグに置き換える方法を見つけようとして問題が発生しています。

私のjsfiddleは以下に見ることができます

http://jsfiddle.net/sean3200/W4pGa/

これは、画像が作成されているコードの始まりです...

      function start3d(texture_image) {
       var screen_canvas = document.getElementById('canvas');

画像が読み込まれているコードの下部は次のとおりです

      var img = new Image();
      img.onload = function() { start3d(img); };
      img.src = 'http://content.bitsontherun.com/thumbs/3XnJSIm4-640.jpg';</script>

私はhtml5を介してビデオを作成してロードする方法を知っていますが、各キューブに配置するのは少し異なります..これに関する助けがあれば幸いです!! ありがとう

4

1 に答える 1

0

このコードを div 内に配置します

<object width="400" height="400"><param name="movie"    value="http://www.youtube.com/v/YLorLVa95Xo?fs=1&amp;hl=en_GB&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YLorLVa95Xo?fs=1&amp;hl=en_GB&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="400"></embed></object>

または、javascript を使用して、キューブ クラスの 2 番目の div にビデオを設定します (html 本文にある場合)。

$('.cube > div').eq(1).html('<object width="360" height="360"><param name="movie" value="http://www.youtube.com/v/YLorLVa95Xo?fs=1&amp;hl=en_GB&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YLorLVa95Xo?fs=1&amp;hl=en_GB&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="360" height="360"></embed></object>');

Chrome では正常に動作しています。Safari と Firefox で動作する場合は、返信してください。

于 2013-03-08T06:34:33.993 に答える