[3.0] Support Youtube embed videos with a timestamp

Fixes #7118

Syntax:
```
[youtube]sF80I-TQiW0[/youtube]
[youtube start=23363]sF80I-TQiW0[/youtube]
```

Author: jdarwood007

Sources/BBCode/YouTube.php Sources/BBCode/YouTube1.phpSources/BBCode/YouTube.php renamed to Sources/BBCode/YouTube1.php

@@ -18,7 +18,7 @@
 /**
  * Represents the youtube BBCode.
  */
-class YouTube extends BBCode
+class YouTube1 extends BBCode
 {
 	/*******************
 	 * Public properties

Sources/BBCode/YouTube2.php

@@ -0,0 +1,58 @@
+<?php
+
+/**
+ * Simple Machines Forum (SMF)
+ *
+ * @package SMF
+ * @author Simple Machines https://www.simplemachines.org
+ * @copyright 2025 Simple Machines and individual contributors
+ * @license https://www.simplemachines.org/about/smf/license.php BSD
+ *
+ * @version 3.0 Alpha 3
+ */
+
+declare(strict_types=1);
+
+namespace SMF\BBCode;
+
+/**
+ * Represents the youtube BBCode.
+ */
+class YouTube2 extends BBCode
+{
+	/*******************
+	 * Public properties
+	 *******************/
+
+	/**
+	 *
+	 */
+	public string $tag = 'youtube';
+
+	/**
+	 *
+	 */
+	public ?string $type = BBCode::TYPE_UNPARSED_CONTENT;
+
+	/**
+	 *
+	 */
+	public ?array $parameters = [
+		'start' => ['match' => '(\d+)'],
+	];
+
+	/**
+	 *
+	 */
+	public ?string $content = '<div class="videocontainer"><div><iframe frameborder="0" src="https://www.youtube.com/embed/$1?origin={hosturl}&wmode=opaque&start={start}" data-youtube-id="$1" data-start="{start}" allowfullscreen loading="lazy"></iframe></div></div>';
+
+	/**
+	 *
+	 */
+	public ?string $disabled_content = '<a href="https://www.youtube.com/watch?v=$1&start={start}" target="_blank" rel="noopener">https://www.youtube.com/watch?v=$1&t={start}</a>';
+
+	/**
+	 *
+	 */
+	public bool $block_level = true;
+}

Sources/Parsers/BBCodeParser.php

@@ -318,7 +318,8 @@ class BBCodeParser extends Parser
 		['class' => \SMF\BBCode\Url1::class],
 		['class' => \SMF\BBCode\Url2::class],
 		['class' => \SMF\BBCode\White::class],
-		['class' => \SMF\BBCode\YouTube::class],
+		['class' => \SMF\BBCode\YouTube1::class],
+		['class' => \SMF\BBCode\YouTube2::class],
 	];
 
 	/**

Themes/default/scripts/jquery.sceditor.smf.js

@@ -968,11 +968,31 @@ sceditor.command.set(
 sceditor.command.set(
 	'youtube', {
 		exec: function (caller) {
-			var editor = this;
+			const editor = this;
 
-			editor.commands.youtube._dropDown(editor, caller, function (id, time) {
-				editor.wysiwygEditorInsertHtml('<div class="videocontainer"><div><iframe frameborder="0" allowfullscreen src="https://www.youtube-nocookie.com/embed/' + id + '?wmode=opaque&start=' + time + '" data-youtube-id="' + id + '" loading="lazy"></iframe></div></div>');
+			editor.commands.youtube._dropDown(editor, caller, function (id, start) {
+				if (typeof start !== "undefined" && start > 0) {
+					editor.wysiwygEditorInsertHtml('<div class="videocontainer"><div><iframe frameborder="0" allowfullscreen src="https://www.youtube-nocookie.com/embed/' + id + '?wmode=opaque&start=' + start + '" data-youtube-id="' + id + '" data-start="' + start + '" loading="lazy"></iframe></div></div>');
+				} else {
+					editor.wysiwygEditorInsertHtml('<div class="videocontainer"><div><iframe frameborder="0" allowfullscreen src="https://www.youtube-nocookie.com/embed/' + id + '?wmode=opaque" data-youtube-id="' + id + '" loading="lazy"></iframe></div></div>');
+				}
 			});
+		},
+		txtExec: function (caller) {
+			const editor = this;
+
+			editor.commands.youtube._dropDown(
+				editor,
+				caller,
+				function (id, start) {
+					if (typeof start !== "undefined" && start > 0) {
+						editor.insertText('[youtube start=' + start + ']' + id + '[/youtube]');
+					} else {
+						editor.insertText('[youtube]' + id + '[/youtube]');
+					}
+
+				}
+			);
 		}
 	}
 );
@@ -1853,14 +1873,41 @@ sceditor.formats.bbcode.set(
 		isInline: false,
 		skipLastLineBreak: true,
 		format: function (element, content) {
-			youtube_id = $(element).find('iframe').data('youtube-id');
+			const
+				iframe = $(element).find('iframe'),
+				youtube_id = iframe.data('youtube-id');
+			let attribs = '';
+
+			if (iframe.attr('data-start')) {
+				attribs += " start=" + iframe.attr('data-start');
+			}
 
 			if (typeof youtube_id !== "undefined")
-				return '[youtube]' + youtube_id + '[/youtube]';
+				return '[youtube' + attribs + ']' + youtube_id + '[/youtube]';
 			else
 				return content;
 		},
-		html: '<div class="videocontainer"><div><iframe frameborder="0" src="https://www.youtube-nocookie.com/embed/{0}?wmode=opaque" data-youtube-id="{0}" loading="lazy" allowfullscreen></iframe></div></div>'
+		html: function (token, attrs, content) {
+			const
+				id_match = /^[a-zA-Z0-9_\-]{11}$/g,
+				start = typeof attrs.start !== "undefined" ? attrs.start : 0;
+			let attribs = '';
+
+			if (content.match(id_match) === null || (start.length > 0 && !$.isNumeric(start) || Math.floor(start) != +start || +start <= 0)) {
+				if (attrs.start !== "undefined") {
+					attribs += " start=" + attrs.start;
+				}
+
+				return '[youtube' + attribs + ']' + content + '[/youtube]';
+			}
+
+			if (attrs.start !== "undefined") {
+				return '<div class="videocontainer"><div><iframe frameborder="0" src="https://www.youtube-nocookie.com/embed/{0}?wmode=opaque&start=' + attrs.start + '" data-youtube-id="' + content + '" data-start="' + attrs.start + '" loading="lazy" allowfullscreen></iframe></div></div>'
+			}
+			else {
+				return '<div class="videocontainer"><div><iframe frameborder="0" src="https://www.youtube-nocookie.com/embed/{0}?wmode=opaque" data-youtube-id="' + content + '" loading="lazy" allowfullscreen></iframe></div></div>'
+			}
+		}
 	}
 );