digitalzoomstudio

<p><strong>DZS YouTube Block</strong> is a comprehensive WordPress plugin that enhances your content creation experience with a professional YouTube block for the Gutenberg editor. This plugin provides developers and content creators with a robust, customizable solution for embedding YouTube videos with advanced features.</p>
<h3>Key Features</h3>
<h3>🎯 <strong>Gutenberg Integration</strong></h3>
<ul>
<li>Native Gutenberg block experience</li>
<li>Seamless integration with WordPress editor</li>
<li>Custom block inspector controls for easy customization</li>
</ul>
<h3>🎨 <strong>Advanced Customization</strong></h3>
<ul>
<li>Multiple player themes and styles</li>
<li>Customizable player controls and appearance</li>
<li>Responsive design that works on all devices</li>
<li>Custom CSS support for advanced styling</li>
</ul>
<h3>🚀 <strong>Performance Optimized</strong></h3>
<ul>
<li>Lightweight and fast loading</li>
<li>Optimized video embedding</li>
<li>Minimal impact on page load times</li>
</ul>
<h3>🔧 <strong>Developer Friendly</strong></h3>
<ul>
<li>Clean, well-structured code</li>
<li>Extensible architecture</li>
<li>Comprehensive documentation</li>
<li>Elementor widget integration</li>
</ul>
<h3>📱 <strong>Responsive Design</strong></h3>
<ul>
<li>Mobile-first approach</li>
<li>Adaptive layouts for all screen sizes</li>
<li>Touch-friendly controls</li>
</ul>
<h3>Perfect For</h3>
<ul>
<li><strong>Content Creators</strong> who want professional video presentations</li>
<li><strong>Developers</strong> building custom WordPress themes</li>
<li><strong>Agencies</strong> creating client websites with video content</li>
<li><strong>Bloggers</strong> enhancing their posts with embedded videos</li>
<li><strong>Businesses</strong> showcasing product demos and company videos</li>
</ul>
<h3>Why Choose DZS YouTube Block?</h3>
<p>Unlike basic YouTube embeds, our plugin provides:<br />
– <strong>Professional appearance</strong> with customizable themes<br />
– <strong>Better user experience</strong> with optimized loading<br />
– <strong>Developer flexibility</strong> with extensive customization options<br />
– <strong>Future-proof</strong> with regular updates and WordPress compatibility</p>
<h3>Quick Start</h3>
<ol>
<li><strong>Create a new post or page</strong> using the Gutenberg editor</li>
<li><strong>Add the YouTube Block</strong> from the block inserter</li>
<li><strong>Paste your YouTube URL</strong> or video ID</li>
<li><strong>Customize the appearance</strong> using the block settings</li>
<li><strong>Preview and publish</strong> your content</li>
</ol>
<h3>Source Code and Build Tools</h3>
<p>This plugin ships compiled JavaScript for performance, along with the corresponding readable source files and build instructions. All source files used to generate the distributed/minified assets are included in the plugin, so they can be reviewed, studied, and forked.</p>
<h4>Frontend player script</h4>
<ul>
<li>Compiled file (distributed): libs/dzsytb-frontend/dzsytb-frontend.js</li>
<li>Source file (readable): libs/dzsytb-frontend/dzsytb-frontend.source.js</li>
<li>Build tools used: browserify, envify, babelify, minifyify</li>
</ul>
<p>To rebuild the compiled file from source (run from the plugin directory):</p>
<pre><code>npx browserify libs/dzsytb-frontend/dzsytb-frontend.source.js \
  -t [ envify --NODE_ENV production ] \
  -t [ babelify --presets [@babel/preset-env @babel/preset-react] ] \
  -p [ minifyify --map dzsytb-frontend.js.map --output libs/dzsytb-frontend/dzsytb-frontend.js.map ] \
  --debug \
  -o libs/dzsytb-frontend/dzsytb-frontend.js<h3>Gutenberg block script</h3>
</code></pre>
<p>* Compiled file (distributed): features/gutenberg/gutenberg-player.js<br />
* Main source modules (readable):<br />
    * features/gutenberg/gutenberg-player.reactpack.js<br />
    * features/gutenberg/components/YoutubeBlockPreview.js<br />
    * configs/config-gutenberg-player.json</p>
<p>These files contain the unminified, human-readable source for the Gutenberg block and can be inspected, modified, and rebuilt using standard Node/Webpack tooling.</p>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit our website or contact us:</p>
<ul>
<li><strong>Website</strong>: <a href="https://digitalzoomstudio.net/" rel="nofollow ugc">https://digitalzoomstudio.net/</a></li>
<li><strong>Documentation</strong>: Available on our website</li>
<li><strong>Support</strong>: Email support available for all users</li>
</ul>
<h3>Contributing</h3>
<p>We welcome contributions from the community! If you’d like to contribute to this plugin, please:</p>
<ol>
<li>Fork the repository</li>
<li>Create a feature branch</li>
<li>Make your changes</li>
<li>Submit a pull request</li>
</ol>
<h3>Roadmap</h3>
<ul>
<li>[ ] Additional player themes</li>
<li>[ ] Advanced analytics integration</li>
<li>[ ] Custom thumbnail support</li>
<li>[ ] Lazy loading optimization</li>
<li>[ ] More customization options</li>
</ul>
<h3>License</h3>
<p>This plugin is licensed under the GPL v2 or later.</p>
<h3>Author</h3>
<p><strong>Digital Zoom Studio</strong> – Professional WordPress development and design services.</p>
<p>For more information about our services, visit <a href="https://digitalzoomstudio.net/" rel="nofollow ugc">https://digitalzoomstudio.net/</a></p>
<p><em>DZS YouTube Block – Making video content creation simple and professional.</em></p>


DZS Video Block Cover for YouTube

A YouTube block for the WordPress Gutenberg editor with advanced customization, responsive design, and seamless integration.

Tubal

<p>A really simple and very lightweight plugin to embed customized Youtube videos & playlists anywhere in your blog or website using wordpress shortcodes.</p>
<h4>Documentation, live demos and support</h4>
<p>All documentation and demos are located at the <a href="http://www.margenn.com/tubal/youtube_shortcode/" rel="nofollow ugc">plugin website</a>.</p>
<p>The plugin website is proudly powered by WordPress and nearly all posts show a live demo so you can check how Youtube videos behave under every scenario/configuration such as:</p>
<ul>
<li>Window resizing (resize the browser window to check how “fluid” videos adapt to fit)</li>
<li>Mobile viewing (visit the website with your mobile and check how videos look)</li>
<li>RSS viewing (subscribe to the feed and check how videos look in your RSS reader)</li>
<li>Different parameters for the Youtube player</li>
</ul>
<p>What’s more, I’ve added <a href="http://youtubesc.uservoice.com" rel="nofollow ugc">Uservoice feedback</a> so you can share your ideas and issues. I want to hear from you. You can also post comments on every article.</p>
<p>I’ve moved all documentation to a website because I think it’s great to have a real WordPress environment set up and running with a working version of the plugin (latest) and a live demo for every piece of documentation.</p>
<h4>Features:</h4>
<ul>
<li>Supports <strong>all official YouTube player customization parameters</strong> and respects Youtube’s default values: <a href="http://code.google.com/intl/en/apis/youtube/player_parameters.html" title="Official documentation" rel="nofollow ugc">Youtube official documentation</a>. You can override any default value.</li>
<li>Supports <strong>TinyMCE editor button</strong> (1.7+ version) to make it easier for you to customize the Youtube video player (auto-inserts the shortcode).</li>
<li>Supports <strong>RSS readers, Mobile browsers and fluid/elastic layouts</strong>.</li>
<li>Supports <strong>automatic calculation of video height</strong>. Just set the Youtube player <code>width</code> and omit the <code>height</code> parameter in the shortcode. There’s no need to set a height manually to get the perfect height.</li>
<li>Supports <strong>automatic localization of Flash videos</strong> (“old embed code” only). This plugin detects the visitor’s preferred language to set the default language of the Youtube player UI & the video’s captions/subtitles (otherwise en_US would be set by default for every visitor).</li>
<li>Supports <strong>normal</strong> Youtube URLs, <strong>short</strong> Youtube URLs, <strong>embed</strong> Youtube URLs and Youtube’s <strong>video ID</strong> as value for <code>url</code> parameter.</li>
<li>Supports <strong>setting a different “title” attribute</strong> for each Youtube video (useful for <strong>SEO</strong> & <strong>Accessibility</strong>).</li>
<li>Supports <strong>both the deprecated Youtube AS2 Flash player and the new iframe player (AS3 Flash or HTML5)</strong>. This plugin uses Youtube’s new embed code (iframe: AS3 or HTML5 player) by default but optionally you can use the deprecated AS2 player (Flash only). The new embed code (iframe) will take care of the environment capabilities. This way you know your video will work on most devices, including mobile devices (that have Adobe’s Flash 10.1 installed or support CSS, iframes and basic Javascript) and RSS readers.</li>
<li>Supports <strong>web browsers with no Javascript support or with Javascript disabled</strong>. If a web browser does not support Javascript or Javascript is disabled, Youtube’s new embed code will not work. In that case this plugin will try to show the Youtube video using Adobe’s Flash (If Flash is not installed or enabled, the plugin will show the user what to do).</li>
<li><strong>Developer friendly:</strong> <code>wp-content</code> directory can be renamed or moved safely to a different location. For more info read <a href="https://codex.wordpress.org/Editing_wp-config.php#Moving_wp-content" rel="nofollow ugc">Moving wp-content</a></li>
<li>Tested on IE 6+, Firefox 2+, Opera 8+, Safari 3+, Chrome 5+, iOS & Android (Webkit mobile), Opera mobile, Firefox mobile (Fennec) and RSS readers (such as Google Reader and NetNewsWire).</li>
</ul>
<h4>Roadmap</h4>
<p>In version 1.9 I’ll develop a settings page so that you can store configuration defaults for every Youtube video.</p>
<p>Support its development <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6W2TXS68W7A8Y" rel="nofollow ugc">donating a few bucks 🙂</a> (PayPal).</p>
<p>Plugin developed by Túbal Martín at <a href="http://www.margenn.com" rel="nofollow ugc">www.margenn.com</a>.</p>


Youtube shortcode

Embed customized Youtube videos & playlists anywhere using shortcodes

DZS Video Block Cover for YouTube vs Youtube shortcode