Вставка ссылки на видео youtube в форме на сайте

В этом примере покажем как работать с полем формы типа Строка по шаблону.

Пользователь вводит некоторую строку в поле, а система разбирает ее по шаблону и вставляет в некую разметку.

В нашем примере входная строка - это ссылка с Youtube, а разметка - это вывод во фрейме этого видео.

Получается, при вводе ссылки ютуб, пользователь сразу видит визуализацию этого видео.

Документация - https://falcon.web-automation.ru/docs/vstavka-ssylok-po-shablonu--yutub-ssylka--patternstring

Как реализовать получение ссылки с Ютуб

1. Создаем поле формы с типом Строка по шаблону.

2. Прописываем GetItem:

CREATE PROCEDURE [dbo].[fm_watch_youtubeLink_getItem]
    @itemID int,	
	@username nvarchar(256)

AS
BEGIN
	select 	'https://www.youtube.com/watch?v=NM__RFv0TTw||NM__RFv0TTw' link,
	'{"templates": [".*?v=(.*)$", "https://youtu.be/(.*)$"], "makeup": "" }' options_link select 'h3' headerTag END

Значение поля передается как исходная строка||id. В настройках поля задаем templates (под какие шаблоны должна подпадать строка) и makeup - результирующая разметка для вывода iframe видео.

Здесь видно, что мы обрабатываем 2 вида ссылок:

https://www.youtube.com/watch?v=H56ZdNaB8Nw

https://youtu.be/H56ZdNaB8Nw

2. Прописываем SaveItem формы:

CREATE PROCEDURE [dbo].[fm_watch_youtubeLink_saveItem]
   @username nvarchar(256), 
   @itemID int, 
   @fieldlink nvarchar(256) = ''
AS
BEGIN
    declare @id nvarchar(128) = dbo.str_splitPart(@fieldlink, '||', 2)

	-- 1 SELECT (Result, Msg)
	select 1 Result, 'OK. Входная строка - ' + @fieldlink + '
Youtube Video ID = '+ @id + '' Msg, 1 EnableSaveAlert
END

Через dbo.str_splitPart(@fieldlink, '||', 2) мы извлекаем ID из второй части параметра (string||id).

В итоге мы упрощаем прием на форме подобных ссылок с возможностью отображения. По аналогии можно принимать и другие внешние ссылки и отображения в iframe этих сторонних ресурсов.