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.

Noor Alam

<p><a href="https://noorsplugin.com/simple-youtube-embed-plugin/" rel="nofollow ugc">Simple YouTube Embed</a> plugin is the easiest way to embed YouTube videos in WordPress. This plugin extends the default YouTube embed with advanced player parameters.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/-8yCP-CnUSQ?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p>Unlike other YouTube plugins, It doesn’t replace your on-page video embed code with JavaScript/HTML code. Loading a video with JavaScript doesn’t provide any video SEO benefit as a search engine crawler will only see some code instead of the actual video object.</p>
<p>Simple YouTube Embed is easy to use because there is no setting to configure. It uses the oEmbed API so your videos will be responsive and provide all the benefits that core WordPress YouTube embed has to offer. YouTube videos on your website will continue to work even if you choose to deactivate the plugin.</p>
<h3>Features</h3>
<ul>
<li>Responsive and mobile friendly.</li>
<li>Proper YouTube video embed with no additional JavaScript code.</li>
<li>No setting to configure. Install, activate and start using it.</li>
<li>No YouTube API key needed.</li>
<li>Embed YouTube videos in WordPress with the YouTube block.</li>
<li>Automatically play a video.</li>
<li>Enable/Disable display of suggested videos when the video finishes.</li>
<li>Enable/Disable player controls.</li>
<li>Enable/Disable fullscreen.</li>
<li>Mute a YouTube Video.</li>
</ul>
<h3>Simple YouTube Embed Extensions</h3>
<ul>
<li><a href="https://noorsplugin.com/simple-youtube-embed-plugin/" rel="nofollow ugc">YouTube Advanced Parameters</a></li>
</ul>
<h3>How to Use the YouTube Embed Plugin in WordPress</h3>
<p>Create a new post/page and add a YouTube block. Copy and paste the YouTube video URL into it. For example:</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g
</code></pre>
<p><strong>YouTube Video Autoplay</strong></p>
<p>In order to automatically play a video you can add “autoplay=1” to your YouTube URL.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&autoplay=1
</code></pre>
<p><strong>Related YouTube Videos</strong></p>
<p>In order to disable related videos from showing you can add “rel=0” to your YouTube URL.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&rel=0
</code></pre>
<p><strong>YouTube Video Controls</strong></p>
<p>If you do not want to show player controls you can add “controls=0” to your YouTube URL.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&controls=0
</code></pre>
<p><strong>YouTube Video Fullscreen</strong></p>
<p>If you do not want to allow fullscreen option in the player you can add “fs=0” to your YouTube URL.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&fs=0
</code></pre>
<p><strong>YouTube Video Mute</strong></p>
<p>To start a video in the muted state you can add “mute=1” to your YouTube URL.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&mute=1
</code></pre>
<p><strong>YouTube Video Playlist</strong></p>
<p>If you want to turn a video into a single-video playlist you can add “playlist=VIDEO_ID” to your YouTube URL.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&playlist=Vpg9yizPP_g
</code></pre>
<p><strong>YouTube Video IV Load Policy</strong></p>
<p>To not show video annotations by default you can add “iv_load_policy=3” to your YouTube URL.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&iv_load_policy=3
</code></pre>
<p>Video annotations are shown by default.</p>
<h3>YouTube Advanced Parameters</h3>
<p>With the Advanced Parameters extension you can use additional advanced parameters in your YouTube videos.</p>
<p><strong>color</strong></p>
<p>This parameter specifies the color that will be used in the player’s video progress bar to highlight the amount of the video that the viewer has already seen.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&color=white
</code></pre>
<p>Valid parameter values are red and white, and, by default, the player uses the color red in the video progress bar.</p>
<p>Note: Setting the color parameter to white will disable the modestbranding option.</p>
<p><strong>disablekb</strong></p>
<p>Setting this parameter’s value to 1 causes the player to not respond to keyboard controls. The default value is 0.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&disablekb=1
</code></pre>
<p><strong>end</strong></p>
<p>This parameter specifies the time, measured in seconds from the start of the video, when the player should stop playing the video. The parameter value is a positive integer.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&end=10
</code></pre>
<p>The time is measured from the beginning of the video and not from the value of the start player parameter.</p>
<p><strong>start</strong></p>
<p>This parameter causes the player to begin playing the video at the given number of seconds from the start of the video. The parameter value is a positive integer.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&start=5
</code></pre>
<p><strong>loop</strong></p>
<p>This parameter causes the video to play repeatedly. The parameter value is a positive integer (e.g. loop=”1″).</p>
<p>In order for the loop feature to work, the video needs to be turned into a single-video playlist as well.</p>
<pre><code>https&#58;//www.youtube.com/watch?v=Vpg9yizPP_g&playlist=Vpg9yizPP_g&loop=1
</code></pre>
<p>For documentation please visit the <a href="https://noorsplugin.com/simple-youtube-embed-plugin/" rel="nofollow ugc">YouTube</a> plugin page</p>


Simple YouTube Embed

Embed YouTube videos in WordPress beautifully. Embed YouTube video with a URL or shortcode and customize the player using this YouTube embed plugin.

DZS Video Block Cover for YouTube vs Simple YouTube Embed