mirror of
https://github.com/videojs/video.js.git
synced 2025-07-03 00:57:02 +02:00
622 lines
22 KiB
JavaScript
622 lines
22 KiB
JavaScript
/* Playback Technology - Base class for playback technologies
|
|
================================================================================ */
|
|
_V_.PlaybackTech = _V_.Component.extend({
|
|
init: function(player, options){
|
|
// this._super(player, options);
|
|
|
|
// Make playback element clickable
|
|
// _V_.addEvent(this.el, "click", _V_.proxy(this, _V_.PlayToggle.prototype.onClick));
|
|
|
|
// this.addEvent("click", this.proxy(this.onClick));
|
|
|
|
// player.triggerEvent("techready");
|
|
},
|
|
// destroy: function(){},
|
|
// createElement: function(){},
|
|
onClick: function(){
|
|
if (this.player.options.controls) {
|
|
_V_.PlayToggle.prototype.onClick.call(this);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Create placeholder methods for each that warn when a method isn't supported by the current playback technology
|
|
_V_.apiMethods = "play,pause,paused,currentTime,setCurrentTime,duration,buffered,volume,setVolume,muted,setMuted,width,height,supportsFullScreen,enterFullScreen,src,load,currentSrc,preload,setPreload,autoplay,setAutoplay,loop,setLoop,error,networkState,readyState,seeking,initialTime,startOffsetTime,played,seekable,ended,videoTracks,audioTracks,videoWidth,videoHeight,textTracks,defaultPlaybackRate,playbackRate,mediaGroup,controller,controls,defaultMuted".split(",");
|
|
_V_.each(_V_.apiMethods, function(methodName){
|
|
_V_.PlaybackTech.prototype[methodName] = function(){
|
|
throw new Error("The '"+method+"' method is not available on the playback technology's API");
|
|
}
|
|
});
|
|
|
|
/* HTML5 Playback Technology - Wrapper for HTML5 Media API
|
|
================================================================================ */
|
|
_V_.html5 = _V_.PlaybackTech.extend({
|
|
|
|
init: function(player, options, ready){
|
|
this.player = player;
|
|
this.el = this.createElement();
|
|
this.ready(ready);
|
|
|
|
this.addEvent("click", this.proxy(this.onClick));
|
|
|
|
var source = options.source;
|
|
|
|
// If the element source is already set, we may have missed the loadstart event, and want to trigger it.
|
|
// We don't want to set the source again and interrupt playback.
|
|
if (source && this.el.currentSrc == source.src) {
|
|
player.triggerEvent("loadstart");
|
|
|
|
// Otherwise set the source if one was provided.
|
|
} else if (source) {
|
|
this.el.src = source.src;
|
|
}
|
|
|
|
// Chrome and Safari both have issues with autoplay.
|
|
// In Safari (5.1.1), when we move the video element into the container div, autoplay doesn't work.
|
|
// In Chrome (15), if you have autoplay + a poster + no controls, the video gets hidden (but audio plays)
|
|
// This fixes both issues. Need to wait for API, so it updates displays correctly
|
|
player.ready(function(){
|
|
if (this.options.autoplay && this.paused()) {
|
|
this.tag.poster = null; // Chrome Fix. Fixed in Chrome v16.
|
|
this.play();
|
|
}
|
|
});
|
|
|
|
this.setupTriggers();
|
|
|
|
this.triggerReady();
|
|
},
|
|
|
|
destroy: function(){
|
|
this.player.tag = false;
|
|
this.removeTriggers();
|
|
this.el.parentNode.removeChild(this.el);
|
|
},
|
|
|
|
createElement: function(){
|
|
var html5 = _V_.html5,
|
|
player = this.player,
|
|
|
|
// If possible, reuse original tag for HTML5 playback technology element
|
|
el = player.tag,
|
|
newEl;
|
|
|
|
// Check if this browser supports moving the element into the box.
|
|
// On the iPhone video will break if you move the element,
|
|
// So we have to create a brand new element.
|
|
if (!el || this.support.movingElementInDOM === false) {
|
|
|
|
// If the original tag is still there, remove it.
|
|
if (el) {
|
|
player.el.removeChild(el);
|
|
}
|
|
|
|
newEl = _V_.createElement("video", {
|
|
id: el.id || player.el.id + "_html5_api",
|
|
className: el.className || "vjs-tech"
|
|
});
|
|
|
|
el = newEl;
|
|
_V_.insertFirst(el, player.el);
|
|
}
|
|
|
|
// Update tag settings, in case they were overridden
|
|
_V_.each(["autoplay","preload","loop","muted"], function(attr){ // ,"poster"
|
|
el[attr] = player.options[attr];
|
|
}, this);
|
|
|
|
return el;
|
|
},
|
|
|
|
// Make video events trigger player events
|
|
// May seem verbose here, but makes other APIs possible.
|
|
setupTriggers: function(){
|
|
_V_.each.call(this, _V_.html5.events, function(type){
|
|
_V_.addEvent(this.el, type, _V_.proxy(this.player, this.eventHandler));
|
|
});
|
|
},
|
|
removeTriggers: function(){
|
|
_V_.each.call(this, _V_.html5.events, function(type){
|
|
_V_.removeEvent(this.el, type, _V_.proxy(this.player, this.eventHandler));
|
|
});
|
|
},
|
|
eventHandler: function(e){
|
|
e.stopPropagation();
|
|
this.triggerEvent(e);
|
|
},
|
|
|
|
play: function(){ this.el.play(); },
|
|
pause: function(){ this.el.pause(); },
|
|
paused: function(){ return this.el.paused; },
|
|
|
|
currentTime: function(){ return this.el.currentTime; },
|
|
setCurrentTime: function(seconds){
|
|
try {
|
|
this.el.currentTime = seconds;
|
|
} catch(e) {
|
|
_V_.log(e, "Video isn't ready. (VideoJS)");
|
|
// this.warning(VideoJS.warnings.videoNotReady);
|
|
}
|
|
},
|
|
|
|
duration: function(){ return this.el.duration || 0; },
|
|
buffered: function(){ return this.el.buffered; },
|
|
|
|
volume: function(){ return this.el.volume; },
|
|
setVolume: function(percentAsDecimal){ this.el.volume = percentAsDecimal; },
|
|
muted: function(){ return this.el.muted; },
|
|
setMuted: function(muted){ this.el.muted = muted },
|
|
|
|
width: function(){ return this.el.offsetWidth; },
|
|
height: function(){ return this.el.offsetHeight; },
|
|
|
|
supportsFullScreen: function(){
|
|
if (typeof this.el.webkitEnterFullScreen == 'function') {
|
|
|
|
// Seems to be broken in Chromium/Chrome && Safari in Leopard
|
|
if (!navigator.userAgent.match("Chrome") && !navigator.userAgent.match("Mac OS X 10.5")) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
},
|
|
|
|
enterFullScreen: function(){
|
|
try {
|
|
this.el.webkitEnterFullScreen();
|
|
} catch (e) {
|
|
if (e.code == 11) {
|
|
// this.warning(VideoJS.warnings.videoNotReady);
|
|
_V_.log("VideoJS: Video not ready.")
|
|
}
|
|
}
|
|
},
|
|
src: function(src){ this.el.src = src; },
|
|
load: function(){ this.el.load(); },
|
|
currentSrc: function(){ return this.el.currentSrc; },
|
|
|
|
preload: function(){ return this.el.preload; },
|
|
setPreload: function(val){ this.el.preload = val; },
|
|
autoplay: function(){ return this.el.autoplay; },
|
|
setAutoplay: function(val){ this.el.autoplay = val; },
|
|
loop: function(){ return this.el.loop; },
|
|
setLoop: function(val){ this.el.loop = val; },
|
|
|
|
error: function(){ return this.el.error; },
|
|
// networkState: function(){ return this.el.networkState; },
|
|
// readyState: function(){ return this.el.readyState; },
|
|
seeking: function(){ return this.el.seeking; },
|
|
// initialTime: function(){ return this.el.initialTime; },
|
|
// startOffsetTime: function(){ return this.el.startOffsetTime; },
|
|
// played: function(){ return this.el.played; },
|
|
// seekable: function(){ return this.el.seekable; },
|
|
ended: function(){ return this.el.ended; },
|
|
// videoTracks: function(){ return this.el.videoTracks; },
|
|
// audioTracks: function(){ return this.el.audioTracks; },
|
|
// videoWidth: function(){ return this.el.videoWidth; },
|
|
// videoHeight: function(){ return this.el.videoHeight; },
|
|
// textTracks: function(){ return this.el.textTracks; },
|
|
// defaultPlaybackRate: function(){ return this.el.defaultPlaybackRate; },
|
|
// playbackRate: function(){ return this.el.playbackRate; },
|
|
// mediaGroup: function(){ return this.el.mediaGroup; },
|
|
// controller: function(){ return this.el.controller; },
|
|
controls: function(){ return this.player.options.controls; },
|
|
defaultMuted: function(){ return this.el.defaultMuted; }
|
|
});
|
|
|
|
/* HTML5 Support Testing -------------------------------------------------------- */
|
|
|
|
_V_.html5.isSupported = function(){
|
|
return !!document.createElement("video").canPlayType;
|
|
};
|
|
|
|
_V_.html5.canPlaySource = function(srcObj){
|
|
return !!document.createElement("video").canPlayType(srcObj.type);
|
|
// TODO: Check Type
|
|
// If no Type, check ext
|
|
// Check Media Type
|
|
};
|
|
|
|
// List of all HTML5 events (various uses).
|
|
_V_.html5.events = "loadstart,suspend,abort,error,emptied,stalled,loadedmetadata,loadeddata,canplay,canplaythrough,playing,waiting,seeking,seeked,ended,durationchange,timeupdate,progress,play,pause,ratechange,volumechange".split(",");
|
|
|
|
/* HTML5 Device Fixes ---------------------------------------------------------- */
|
|
|
|
_V_.html5.prototype.support = {
|
|
|
|
// Support for tech specific full screen. (webkitEnterFullScreen, not requestFullscreen)
|
|
// http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/HTMLVideoElementClassReference/HTMLVideoElement/HTMLVideoElement.html
|
|
// Seems to be broken in Chromium/Chrome && Safari in Leopard
|
|
fullscreen: (typeof _V_.testVid.webkitEnterFullScreen !== undefined) ? (!_V_.ua.match("Chrome") && !_V_.ua.match("Mac OS X 10.5") ? true : false) : false,
|
|
|
|
// In iOS, if you move a video element in the DOM, it breaks video playback.
|
|
movingElementInDOM: !_V_.isIOS()
|
|
|
|
};
|
|
|
|
// Android
|
|
if (_V_.isAndroid()) {
|
|
|
|
// Override Android 2.2 and less canPlayType method which is broken
|
|
if (_V_.androidVersion() < 3) {
|
|
document.createElement("video").constructor.prototype.canPlayType = function(type){
|
|
return (type && type.toLowerCase().indexOf("video/mp4") != -1) ? "maybe" : "";
|
|
};
|
|
}
|
|
}
|
|
|
|
|
|
/* VideoJS-SWF - Custom Flash Player with HTML5-ish API
|
|
================================================================================ */
|
|
_V_.flash = _V_.PlaybackTech.extend({
|
|
|
|
init: function(player, options){
|
|
this.player = player;
|
|
|
|
var source = options.source,
|
|
parentEl = options.parentEl,
|
|
placeHolder = this.el = _V_.createElement("div", { id: parentEl.id + "_temp_flash" }),
|
|
objId = player.el.id+"_flash_api",
|
|
playerOptions = player.options;
|
|
|
|
flashVars = _V_.merge({
|
|
|
|
// SWF Callback Functions
|
|
readyFunction: "_V_.flash.onReady",
|
|
eventProxyFunction: "_V_.flash.onEvent",
|
|
errorEventProxyFunction: "_V_.flash.onError",
|
|
|
|
// Player Settings
|
|
autoplay: playerOptions.autoplay,
|
|
preload: playerOptions.preload,
|
|
loop: playerOptions.loop,
|
|
muted: playerOptions.muted
|
|
|
|
}, options.flashVars),
|
|
|
|
params = _V_.merge({
|
|
allowScriptAccess: "always",
|
|
wmode: "opaque",
|
|
bgcolor: "#000000"
|
|
}, options.params),
|
|
|
|
attributes = _V_.merge({
|
|
id: objId,
|
|
name: objId,
|
|
'class': 'vjs-tech'
|
|
}, options.attributes);
|
|
|
|
// If source was supplied pass as a flash var.
|
|
if (source) {
|
|
flashVars.src = encodeURIComponent(source.src);
|
|
}
|
|
|
|
// Add to box.
|
|
_V_.insertFirst(placeHolder, parentEl);
|
|
|
|
if (options.startTime) {
|
|
this.ready(function(){
|
|
this.load();
|
|
this.play();
|
|
this.currentTime(options.startTime);
|
|
});
|
|
}
|
|
|
|
// Flash iFrame Mode
|
|
// In web browsers there are multiple instances where changing the parent element or visibility of a plugin causes the plugin to reload.
|
|
// - Firefox just about always. https://bugzilla.mozilla.org/show_bug.cgi?id=90268 (might be fixed by version 13)
|
|
// - Webkit when hiding the plugin
|
|
// - Webkit and Firefox when using requestFullScreen on a parent element
|
|
// Loading the flash plugin into a dynamically generated iFrame gets around most of these issues.
|
|
// Issues that remain include hiding the element and requestFullScreen in Firefox specifically
|
|
|
|
// There's on particularly annoying issue with this method which is that Firefox throws a security error on an offsite Flash object loaded into a dynamically created iFrame.
|
|
// Even though the iframe was inserted into a page on the web, Firefox + Flash considers it a local app trying to access an internet file.
|
|
// I tried mulitple ways of setting the iframe src attribute but couldn't find a src that worked well. Tried a real/fake source, in/out of domain.
|
|
// Also tried a method from stackoverflow that caused a security error in all browsers. http://stackoverflow.com/questions/2486901/how-to-set-document-domain-for-a-dynamically-generated-iframe
|
|
// In the end the solution I found to work was setting the iframe window.location.href right before doing a document.write of the Flash object.
|
|
// The only downside of this it seems to trigger another http request to the original page (no matter what's put in the href). Not sure why that is.
|
|
if (!options.iFrameMode) {
|
|
|
|
// Create iFrame with vjs-tech class so it's 100% width/height
|
|
var iFrm = _V_.createElement("iframe", {
|
|
id: objId + "_iframe",
|
|
className: "vjs-tech",
|
|
scrolling: "no",
|
|
marginWidth: 0,
|
|
marginHeight: 0,
|
|
frameBorder: 0
|
|
});
|
|
|
|
// Wait until iFrame has loaded to write into it.
|
|
_V_.addEvent(iFrm, "load", _V_.proxy(this, function(){
|
|
|
|
var iDoc, objTag, swfLoc,
|
|
iWin = iFrm.contentWindow,
|
|
varString = "";
|
|
|
|
// Setting the window href gets around a security error that Firefox throws when it thinks a local page is attempting to load a remote script.
|
|
// Firefox seems to be telling Flash (incorrectly) that iframe is local
|
|
// Need to find a better method than UA parsing
|
|
if (_V_.ua.match("Firefox")) {
|
|
iWin.location.href = "";
|
|
}
|
|
|
|
// Get the iFrame's document
|
|
iDoc = iFrm.contentDocument ? iFrm.contentDocument : iFrm.contentWindow.document;
|
|
|
|
// Build the Flash object tag
|
|
// Using bgcolor prevents a white flash when the object is loading
|
|
swfLoc = 'http://vjs.zencdn.net/c/video-js.swf';
|
|
flashVars.readyFunction = "ready";
|
|
flashVars.eventProxyFunction = "events";
|
|
flashVars.errorEventProxyFunction = "errors";
|
|
|
|
// Set styls on obj. iFrame won't have video-js.css in scope
|
|
attributes.style = "width: 100%; height: 100%;"
|
|
|
|
// Using document.write because other methods like append and innerHTML were causing the same security errors in Firefox
|
|
iDoc.write(_V_.flash.getEmbedCode(swfLoc, flashVars, params, attributes));
|
|
|
|
// Setting variables on the window need to come after the doc write because otherwise they can get reset in some browsers
|
|
// So far no issues with swf ready event being called before it's set on the window.
|
|
iWin.player = this.player;
|
|
|
|
iWin.ready = _V_.proxy(this.player, function(currSwf){
|
|
var el = iDoc.getElementById(currSwf),
|
|
player = this,
|
|
tech = player.tech;
|
|
|
|
// Reference player on tech element
|
|
el.player = player;
|
|
|
|
// Update reference to playback technology element
|
|
tech.el = el;
|
|
|
|
// Now that the element is ready, make a click on the swf play the video
|
|
tech.addEvent("click", tech.onClick);
|
|
|
|
el.vjs_setProperty("volume", 0);
|
|
|
|
_V_.flash.checkReady(tech);
|
|
});
|
|
|
|
iWin.events = _V_.proxy(this.player, function(swfID, eventName, other){
|
|
try {
|
|
var player = this;
|
|
if (player && player.techName == "flash") {
|
|
player.triggerEvent(eventName);
|
|
}
|
|
} catch(err) {
|
|
_V_.log(err);
|
|
}
|
|
});
|
|
|
|
iWin.errors = _V_.proxy(this.player, function(swfID, eventName){
|
|
_V_.log("Flash Error", eventName);
|
|
});
|
|
|
|
}));
|
|
|
|
placeHolder.parentNode.replaceChild(iFrm, placeHolder);
|
|
|
|
} else {
|
|
// swfobject.embedSWF(options.swf, placeHolder.id, "480", "270", "9", "", flashVars, params, attributes);
|
|
_V_.flash.embed(options.swf, placeHolder, flashVars, params, attributes);
|
|
}
|
|
},
|
|
|
|
destroy: function(){
|
|
this.el.parentNode.removeChild(this.el);
|
|
},
|
|
|
|
// setupTriggers: function(){}, // Using global onEvent func to distribute events
|
|
|
|
play: function(){ this.el.vjs_play(); },
|
|
pause: function(){ this.el.vjs_pause(); },
|
|
src: function(src){
|
|
this.el.vjs_src(src);
|
|
|
|
// Currently the SWF doesn't autoplay if you load a source later.
|
|
// e.g. Load player w/ no source, wait 2s, set src.
|
|
if (this.player.autoplay) {
|
|
var tech = this;
|
|
setTimeout(function(){ tech.play(); }, 0);
|
|
}
|
|
},
|
|
load: function(){ this.el.vjs_load(); },
|
|
poster: function(){ this.el.vjs_getProperty("poster"); },
|
|
|
|
buffered: function(){
|
|
return _V_.createTimeRange(0, this.el.vjs_getProperty("buffered"));
|
|
},
|
|
|
|
supportsFullScreen: function(){
|
|
return false; // Flash does not allow fullscreen through javascript
|
|
},
|
|
enterFullScreen: function(){
|
|
return false;
|
|
}
|
|
});
|
|
|
|
// Create setters and getters for attributes
|
|
(function(){
|
|
var api = _V_.flash.prototype,
|
|
readWrite = "preload,currentTime,defaultPlaybackRate,playbackRate,autoplay,loop,mediaGroup,controller,controls,volume,muted,defaultMuted".split(","),
|
|
readOnly = "error,currentSrc,networkState,readyState,seeking,initialTime,duration,startOffsetTime,paused,played,seekable,ended,videoTracks,audioTracks,videoWidth,videoHeight,textTracks".split(","),
|
|
callOnly = "load,play,pause".split(",");
|
|
// Overridden: buffered
|
|
|
|
createSetter = function(attr){
|
|
var attrUpper = attr.charAt(0).toUpperCase() + attr.slice(1);
|
|
api["set"+attrUpper] = function(val){ return this.el.vjs_setProperty(attr, val); };
|
|
},
|
|
|
|
createGetter = function(attr){
|
|
api[attr] = function(){ return this.el.vjs_getProperty(attr); };
|
|
};
|
|
|
|
// Create getter and setters for all read/write attributes
|
|
_V_.each(readWrite, function(attr){
|
|
createGetter(attr);
|
|
createSetter(attr);
|
|
});
|
|
|
|
// Create getters for read-only attributes
|
|
_V_.each(readOnly, function(attr){
|
|
createGetter(attr);
|
|
});
|
|
})();
|
|
|
|
/* Flash Support Testing -------------------------------------------------------- */
|
|
|
|
_V_.flash.isSupported = function(){
|
|
return swfobject.hasFlashPlayerVersion("10");
|
|
};
|
|
|
|
_V_.flash.canPlaySource = function(srcObj){
|
|
if (srcObj.type in _V_.flash.prototype.support.formats) { return "maybe"; }
|
|
};
|
|
|
|
_V_.flash.prototype.support = {
|
|
formats: {
|
|
"video/flv": "FLV",
|
|
"video/x-flv": "FLV",
|
|
"video/mp4": "MP4",
|
|
"video/m4v": "MP4"
|
|
},
|
|
|
|
// Optional events that we can manually mimic with timers
|
|
progressEvent: false,
|
|
timeupdateEvent: false,
|
|
|
|
// Resizing plugins using request fullscreen reloads the plugin
|
|
fullscreenResize: false,
|
|
|
|
// Resizing plugins in Firefox always reloads the plugin (e.g. full window mode)
|
|
parentResize: !(_V_.ua.match("Firefox"))
|
|
};
|
|
|
|
_V_.flash.onReady = function(currSwf){
|
|
|
|
var el = _V_.el(currSwf);
|
|
|
|
// Get player from box
|
|
// On firefox reloads, el might already have a player
|
|
var player = el.player || el.parentNode.player,
|
|
tech = player.tech;
|
|
|
|
// Reference player on tech element
|
|
el.player = player;
|
|
|
|
// Update reference to playback technology element
|
|
tech.el = el;
|
|
|
|
// Now that the element is ready, make a click on the swf play the video
|
|
tech.addEvent("click", tech.onClick);
|
|
|
|
_V_.flash.checkReady(tech);
|
|
};
|
|
|
|
// The SWF isn't alwasy ready when it says it is. Sometimes the API functions still need to be added to the object.
|
|
// If it's not ready, we set a timeout to check again shortly.
|
|
_V_.flash.checkReady = function(tech){
|
|
if (tech.el.vjs_getProperty) {
|
|
tech.triggerReady();
|
|
} else {
|
|
setTimeout(function(){
|
|
_V_.flash.checkReady(tech);
|
|
}, 50);
|
|
}
|
|
};
|
|
|
|
_V_.flash.onEvent = function(swfID, eventName, other){
|
|
try {
|
|
var player = _V_.el(swfID).player;
|
|
if (player && player.techName == "flash") {
|
|
player.triggerEvent(eventName);
|
|
}
|
|
} catch(err) {
|
|
_V_.log(err);
|
|
}
|
|
};
|
|
|
|
_V_.flash.onError = function(swfID, eventName){
|
|
_V_.log("Flash Error", eventName);
|
|
};
|
|
|
|
// Flash Version Check
|
|
_V_.flash.version = function(){
|
|
var version = '0,0,0'
|
|
// IE
|
|
try {
|
|
version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version').replace(/\D+/g, ',').match(/^,?(.+),?$/)[1];
|
|
// other browsers
|
|
} catch(e) {
|
|
try {
|
|
if (navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin){
|
|
version = (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]).description.replace(/\D+/g, ",").match(/^,?(.+),?$/)[1];
|
|
}
|
|
} catch(e) {}
|
|
}
|
|
return version.split(",");
|
|
}
|
|
|
|
_V_.flash.embed = function(swf, placeHolder, flashVars, params, attributes){
|
|
var code = _V_.flash.getEmbedCode(swf, flashVars, params, attributes)
|
|
|
|
// Get element by embedding code and retrieving created element
|
|
, obj = _V_.createElement("div", { innerHTML: code }).childNodes[0];
|
|
|
|
|
|
// swfobject.embedSWF(swf, placeHolder.id, "480", "270", "9", "", flashVars, params, attributes);
|
|
// placeHolder.outerHTML = code;
|
|
var par = placeHolder.parentNode;
|
|
placeHolder.parentNode.replaceChild(obj, placeHolder);
|
|
|
|
// IE6 seems to have an issue where it won't initialize the swf object after injecting it.
|
|
// This is a dumb temporary fix
|
|
var newObj = par.childNodes[0];
|
|
setTimeout(function(){
|
|
newObj.style.display = "block";
|
|
}, 1000);
|
|
};
|
|
|
|
_V_.flash.getEmbedCode = function(swf, flashVars, params, attributes){
|
|
|
|
var objTag = '<object type="application/x-shockwave-flash"',
|
|
flashVarsString = '',
|
|
paramsString = ''
|
|
attrsString = '';
|
|
|
|
// Convert flash vars to string
|
|
if (flashVars) {
|
|
_V_.objEach(flashVars, function(key, val){
|
|
flashVarsString += (key + "=" + val + "&");
|
|
});
|
|
}
|
|
|
|
// Add swf, flashVars, and other default params
|
|
params = _V_.merge({
|
|
movie: swf,
|
|
flashvars: flashVarsString,
|
|
allowScriptAccess: 'always'
|
|
}, params);
|
|
// Create param tags
|
|
_V_.objEach(params, function(key, val){
|
|
paramsString += '<param name="'+key+'" value="'+val+'" />';
|
|
});
|
|
|
|
// Add swf to attributes (need both for IE and Others to work)
|
|
attributes = _V_.merge({
|
|
data: swf,
|
|
width: "640",
|
|
height: "270"
|
|
}, attributes);
|
|
_V_.objEach(attributes, function(key, val){
|
|
attrsString += (key + '="' + val + '" ');
|
|
});
|
|
|
|
return objTag + attrsString + '>' + paramsString + '</object>';
|
|
}
|