demo/dist/demo.js
function createIcon(type, attributes) {
	    var namespace = 'http://www.w3.org/2000/svg';
	    var iconUrl = controls.getIconUrl.call(this);
	    var iconPath = "".concat(!iconUrl.cors ? iconUrl.url : '', "#").concat(this.config.iconPrefix); // Create <svg>

	    var icon = document.createElementNS(namespace, 'svg');
	    setAttributes(icon, extend(attributes, {
	      role: 'presentation',
	      focusable: 'false'
	    })); // Create the <use> to reference sprite

	    var use = document.createElementNS(namespace, 'use');
	    var path = "".concat(iconPath, "-").concat(type); // Set `href` attributes
	    // https://github.com/sampotts/plyr/issues/460
	    // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href

	    if ('href' in use) {
	      use.setAttributeNS('http://www.w3.org/1999/xlink', 'href', path);
	    } // Always set the older attribute even though it's "deprecated" (it'll be around for ages)


	    use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', path); // Add <use> to <svg>

	    icon.appendChild(use);
	    return icon;
	  }
function createIcon(type, attributes) {
	    var namespace = 'http://www.w3.org/2000/svg';
	    var iconUrl = controls.getIconUrl.call(this);
	    var iconPath = "".concat(!iconUrl.cors ? iconUrl.url : '', "#").concat(this.config.iconPrefix); // Create <svg>

	    var icon = document.createElementNS(namespace, 'svg');
	    setAttributes(icon, extend(attributes, {
	      role: 'presentation',
	      focusable: 'false'
	    })); // Create the <use> to reference sprite

	    var use = document.createElementNS(namespace, 'use');
	    var path = "".concat(iconPath, "-").concat(type); // Set `href` attributes
	    // https://github.com/sampotts/plyr/issues/460
	    // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href

	    if ('href' in use) {
	      use.setAttributeNS('http://www.w3.org/1999/xlink', 'href', path);
	    } // Always set the older attribute even though it's "deprecated" (it'll be around for ages)


	    use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', path); // Add <use> to <svg>

	    icon.appendChild(use);
	    return icon;
	  }
function createIcon ( type , attributes ) { var namespace = 'http://www.w3.org/2000/svg' ; var iconUrl = controls . getIconUrl . call ( this ) ; var iconPath = "" . concat ( ! iconUrl . cors ? iconUrl . url : '' , "#" ) . concat ( this . config . iconPrefix ) ; // Create <svg> var icon = document . createElementNS ( namespace , 'svg' ) ; setAttributes ( icon , extend ( attributes , { role : 'presentation' , focusable : 'false' } ) ) ; // Create the <use> to reference sprite var use = document . createElementNS ( namespace , 'use' ) ; var path = "" . concat ( iconPath , "-" ) . concat ( type ) ; // Set `href` attributes // https://github.com/sampotts/plyr/issues/460 // https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href if ( 'href' in use ) { use . setAttributeNS ( 'http://www.w3.org/1999/xlink' , 'href' , path ) ; } // Always set the older attribute even though it's "deprecated" (it'll be around for ages) use . setAttributeNS ( 'http://www.w3.org/1999/xlink' , 'xlink:href' , path ) ; // Add <use> to <svg> icon . appendChild ( use ) ; return icon ; }
Create <svg> icon
Create <svg > icon