1

JavaScriptを使用してページ上にビデオ要素を動的に生成しようとしています。

JavaScript

 <script type="text/javascript">
  $(document).ready(function() {
    var video = $(document.createElement('video'))
    .attr('id', 'VideoElement')
    .attr('controls', 'controls')
    .attr('src', 'videopath.mp4') // Changed 'href' attribute to 'src'
    .css({
      width: 640,
      height: 360
    });
  $('#VideoContainer').append(video);
});

HTML

<body>  
  <div id="VideoContainer"></div>
</body>

Firefoxでビデオハーネスを入手しましたが、実際のビデオがロードされません。IE8では、ビデオハーネスも表示されません。

HTML 5はまだこれを達成するのに十分にサポートされていませんか？

編集：Artiomの修正で動作するようにこれを取得しました。これはChromeとSafariで正常に機能するようです。Firefoxがサポートしていないコーデックを使用しているため、そこでは機能しません。サポートされているコーデックで動作すると思いますが。IE8は確かに機能しません（ハイタッチIE）。

4

2 に答える 2

2

実際、私はあなたがそこで間違った属性を使用していると思います:)

href属性をビデオタグの属性に置き換えれsrcば、うまくいくはずです：P

于 2010-05-27T18:32:28.137 に答える
0

ie8は確かにそれをサポートしていません。

さまざまなjQueryベースのメディアプレーヤーをチェックしましたか？デフォルトでhtml5を使用し、それをサポートしていないブラウザでフラッシュにフォールバックするものを見つけることができます。

于 2010-05-27T18:30:41.463 に答える