both
HTML
<script src="http://jwpsrv.com/library/5V3tOP97EeK2SxIxOUCPzg.js"></script>
<div id="clk"></div>
JavaScript
console.log("hi")
$('#clk').click(function(){
console.log("hi")
var str = '<div id="abc1" class="vc" data-url="https://www.youtube.com/embed/So3c2GSXYs0"></div>'
str += '<div id="abc2" class="vc" data-url="http://cache4.asset-cache.net/xd/468140002.mp4'
str +='?v=1&c=IWSAsset&k=2&d='
str +='72990B68305E4FDFEE95B69A879131BCD6D7111452E48A17C03F8342D660D5A451EBC1DEC2A827C9'
str +='&b=RTdG"></div>'
console.log(str)
$('#clk').html(str)
$('.vc').each(function(){
var vurl = $(this).attr('data-url');
if (vurl.match("www.youtube.com")) {
console.log("jh");
vurl = vurl.replace("embed/", "watch?v=")
}
console.log(vurl);
videofn(this, vurl)
})
});
function videofn(obj, v) {
if(!$.MI){
$.MI = new Object();
};
$.MI.JWPlayer = function(el, options){
var base = this;
var _player = $.extend(true, {}, jwplayer(el)); // deep copy
base.$el = $(el);
base.el = el;
base.$el.data("MI.JWPlayer", base);
base.init = function(){
base.options = $.extend({},$.MI.JWPlayer.defaultOptions, options);
base.setup(base.options);
};
base.setup = function(paramaters){
var playonce = false;
_player.setup(paramaters);
};
base.init();
// base.setup();
};
$.MI.JWPlayer.defaultOptions = {
file: v,
//file : "https://www.youtube.com/watch?v=So3c2GSXYs0",
//file : "http://cache4.asset-cache.net/xd/468140002.mp4?v=1&c=IWSAsset&k=2&d=72990B68305E4FDFEE95B69A879131BCD6D7111452E48A17C03F8342D660D5A451EBC1DEC2A827C9&b=RTdG",
stretching: "exactfit",
aspectratio: "4",
width: "100%",
primary: "HTML5"
};
$.fn.mi_JWPlayer = function(options){
return this.each(function(){
(new $.MI.JWPlayer(this, options));
});
};
var myPlay = $(obj).mi_JWPlayer();
}