URLからビデオJSを動的にロードしています

Question

URLからビデオjsを動的に読み込みたいのですが、動作しません。

var container = document.getElementById("my_video_1"); 
 

 
videojs(container, { 
 
      controls: true, 
 
      class:'video-js vjs-default-skin', 
 
      techOrder: ["html5", "flash"], 
 
      source: [{ 
 
       type : 'video/mp4', 
 
       src : 'http://vjs.zencdn.net/v/oceans.mp4' 
 
      }] 
 
     }, function() { 
 
     });

<script src="https://raw.githubusercontent.com/CharlotteDunois/videojs-loopbutton/master/videojs.loopbutton.min.js"></script> 
 
<link href="https://raw.githubusercontent.com/CharlotteDunois/videojs-loopbutton/master/videojs.loopbutton.css" rel="stylesheet"/> 
 
<link href="http://vjs.zencdn.net/4.11/video-js.css" rel="stylesheet"/> 
 
<script src="http://vjs.zencdn.net/4.11/video.js"></script> 
 

 

 
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
 
data-setup='{ "playbackRates": [0.5, 1, 1.5, 2],"loopbutton": true }' 
 
> 
 
    
 
</video>

JSFIDDLE：http://jsfiddle.net/hiteshbhilai2010/0a5u3ew4/332/（動的URLを追加 - 動作しません）

JSFIDDLE：http://jsfiddle.net/hiteshbhilai2010/0a5u3ew4/334/（URLはHTMLに追加 - ワークス）

このanswerが動作しません私のために。誰かが助けることができますか？ありがとう！

Answer 1

source: [{ 
      type : 'video/mp4', 
      src : 'http://vjs.zencdn.net/v/oceans.mp4' 
     }] 

ソースは、より多くのオプションがhere

見ることができ 源

する必要があります