無法從Javascript

製作視頻時運用視頻JS皮膚我試圖創建視頻（和應用視頻JS皮膚）使用JavaScript，但它似乎並不工作:(無法從Javascript

這裏是我的代碼：

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
     <link href="http://vjs.zencdn.net/4.10/video-js.css" rel="stylesheet"> 
     <script src="http://vjs.zencdn.net/4.10/video.js"></script> 
     <script> 
      function createVideo() 
      { 
       var obj = document.createElement('video'); 
       $(obj).attr('id', 'example_video_test'); 
       $(obj).attr('class', 'video-js vjs-default-skin'); 
       $(obj).attr('width', '640'); 
       $(obj).attr('height', '464'); 
       $(obj).attr('controls', ' '); 
       $(obj).attr('poster', 'http://video-js.zencoder.com/oceans-clip.jpg'); 
       $(obj).attr('preload', 'auto'); 
       $(obj).attr('data-setup', '{}'); 

       var source = document.createElement('source'); 
       $(source).attr('type', 'video/mp4'); 
       $(source).attr('src', 'http://video-js.zencoder.com/oceans-clip.mp4'); 

       $("#content").append(obj); 
       $(obj).append(source); 
      } 
     </script> 
    </head> 
    <body> 
     <button id="btnCreateVideo" onclick="createVideo()">Create Video</button> 
     <br /><br /><br /> 
     <div id="content"></div> 
     <hr /> 
    </body> 
</html>

點擊按鈕「創建視頻」，視頻被創建，但視頻JS皮膚不適後。有誰知道如何解決這個問題呢？謝謝！

來源

2014-11-14 Sam

檢查裏面的CSS文件的任何依賴關係的圖像文件或 – Sai 2014-11-14 23:05:20

的js ：

$(function() { 
    var obj = $('<video>').attr({ 
     'class': 'video-js vjs-default-skin', 
     'width': '640px', 
     'height': '464', 
     'controls': ' ', 
     'poster': 'http://video-js.zencoder.com/oceans-clip.jpg', 
     'preload': 'auto', 
     'data-setup': '{}' 
    }), 
     source = $('<source>').attr({ 
     'type': 'video/mp4' 
     }); 
    $('#btnCreateVideo').on('click', function() { 
    var videoCloned = obj.clone().append(source.clone().attr('src', 'http://video-js.zencoder.com/oceans-clip.mp4')); 
    console.dir(videoCloned); 
    $('#content').append(videoCloned);    
    videojs(videoCloned[0], {}, function() { 
     console.log('done'); 
    }); 
    }); 
});

HTML：

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="//vjs.zencdn.net/4.10/video-js.css" rel="stylesheet"> 


    </head> 
    <body> 
     <button id="btnCreateVideo" >Create Video</button> 
     <div id="content"></div> 
     <hr /> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
     <script src="//vjs.zencdn.net/4.10/video.js"></script> 
     <script>/*intert here your javascript*/</script> 
    </body> 
</html>

，他們建議使用頁面的文檔中，因爲發生了：videojs（）。以及您想要動態應用的對象。

來源

2014-11-15 00:22:13

它的工作！你是男人！感謝Ariel！ – Sam 2014-11-16 02:32:49

無法從Javascript

回答

相關問題