从URL动态加载视频JS [英] Loading Video JS dynamically from URL

问题描述

我想从网址动态加载视频js但它无效。

I want to load video js dynamically from URL but it is not working.

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/ （动态添加网址 - 不起作用）

JSFIDDLE : http://jsfiddle.net/hiteshbhilai2010/0a5u3ew4/332/ (Dynamically URL added - does not work)

JSFIDDLE： http://jsfiddle.net/ hiteshbhilai2010 / 0a5u3ew4 / 334 / （在HTML中添加的URL - Works）

JSFIDDLE : http://jsfiddle.net/hiteshbhilai2010/0a5u3ew4/334/ (URL added in the html - Works)

这答案对我不起作用。有人可以提供帮助。谢谢！！！

This answer is not working for me. Can some one help. thanks!!!

推荐答案

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

来源应来源

更多选项可见这里

这篇关于从URL动态加载视频JS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！