https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=%D0%92%D0%BE%D1%81%D0%BF%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE_%D0%B8%D0%B7_VK_%D0%92%D0%B8%D0%B4%D0%B5%D0%BE%2Fru
Воспроизведение видео из VK Видео/ru - История изменений
2026-06-27T21:23:13Z
История изменений этой страницы в вики
MediaWiki 1.45.1
https://wiki.smartplayer.org/index.php?title=%D0%92%D0%BE%D1%81%D0%BF%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE_%D0%B8%D0%B7_VK_%D0%92%D0%B8%D0%B4%D0%B5%D0%BE/ru&diff=20022&oldid=prev
FuzzyBot: Обновление для соответствия новой версии исходной страницы.
2026-06-10T14:50:03Z
<p>Обновление для соответствия новой версии исходной страницы.</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 17:50, 10 июня 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><languages/></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Описание ситуации''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Описание ситуации''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Очередным шагом развития платформы SmartPlayer стала возможность воспроизводить <del style="font-weight: bold; text-decoration: none;">видео </del>из <del style="font-weight: bold; text-decoration: none;">VK Видео</del>. Ниже будет описано, как работать с данным функционалом.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Очередным шагом развития платформы SmartPlayer стала возможность воспроизводить <ins style="font-weight: bold; text-decoration: none;">контент </ins>из <ins style="font-weight: bold; text-decoration: none;">«VK Видео»</ins>. Ниже будет описано, как работать с данным функционалом.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Предварительные настройки''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Предварительные настройки''' ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Для начала пользователю необходимо авторизоваться на платформе [https://vkvideo.ru VK Видео] и выбрать нужное видео. </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Для начала пользователю необходимо авторизоваться на платформе [https://vkvideo.ru VK Видео] и выбрать нужное видео. </div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l10">Строка 10:</td>
<td colspan="2" class="diff-lineno">Строка 11:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Встроить (является нужным вариантом).</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Встроить (является нужным вариантом).</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Поделится_вк_видео.png|thumb|center| Пример отображения кнопки модального окна|800px]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Поделится_вк_видео.png|thumb|center| Пример отображения кнопки модального окна|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>После нажатия на вариант «Встроить» пользователю откроется еще одно модальное окно. В этом окне ему нужно обратить внимание на <del style="font-weight: bold; text-decoration: none;">два параметра</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>После нажатия на вариант «Встроить» пользователю откроется еще одно модальное окно. В этом окне ему нужно обратить внимание на <ins style="font-weight: bold; text-decoration: none;">следующие элементы</ins>:</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* предложенную ссылку.</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* размер видео (настраивается с помощью выбора варианта из списка разрешений);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* размер видео (настраивается с помощью выбора варианта из списка разрешений);</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* чекбокс (галочка) автостарт (должен быть активирован).</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* чекбокс (галочка) автостарт (должен быть активирован).</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:<del style="font-weight: bold; text-decoration: none;">Параметры_копирования_ссылк</del>.png|thumb|center| Пример отображения модального окна с параметрами|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:<ins style="font-weight: bold; text-decoration: none;">Нужные_параметры вставки</ins>.png|thumb|center| Пример отображения модального окна с параметрами|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Далее пользователю необходимо скопировать ссылку из поля <del style="font-weight: bold; text-decoration: none;">под названием «Используйте запасной код»</del>. <del style="font-weight: bold; text-decoration: none;">Данное поле является вторым сверху</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Далее пользователю необходимо скопировать ссылку из поля <ins style="font-weight: bold; text-decoration: none;">нажав на иконку</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:<del style="font-weight: bold; text-decoration: none;">Использование_ссылки</del>.png|thumb|center| Пример отображения ссылки <del style="font-weight: bold; text-decoration: none;">из поля «Используйте запасной код»</del>|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== '''Взаимодействие со ссылкой''' ==</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Действия по подготовке ссылки окончены. Остальные манипуляции с необходимой ссылкой проводятся на уровне личного кабинета SmartPlayer.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Как только пользователь скопирует, она будет в буфер обмена</ins>. <ins style="font-weight: bold; text-decoration: none;">В текущем варианте скопированная ссылка не подходит для добавления и воспроизведения в качестве контента на платформе. Поэтому пользователю необходимо вставить эту ссылку в любой текстовый редактор (Блокнот, Microsoft Word, Notepad ++) и обрезать её. Ниже будет приведено два примера ссылки — исходный скопированный вариант и переработанный (корректный), который можно добавлять в качестве контента.<br></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Исходная ссылка: <br></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">''<iframe src="https://vkvideo.ru/video_ext.php?oid=-110693088&id=456241955&hash=f99ce7b79d2923cf&hd=4" width="1920" height="1080" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>''<br></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Корректный вариант:<br></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">''https://vkvideo.ru/video_ext.php?oid=-110693088&id=456241955&hash=f99ce7b79d2923cf''</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:<ins style="font-weight: bold; text-decoration: none;">Примеры_ссылки</ins>.png|thumb|center| Пример отображения <ins style="font-weight: bold; text-decoration: none;">исходной и корректной </ins>ссылки|800px]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Алгоритм действия''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Алгоритм действия''' ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Для начала пользователь должен зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.<br></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Для начала пользователь должен зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.<br></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l27">Строка 27:</td>
<td colspan="2" class="diff-lineno">Строка 34:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Обрезанная_ссылка.png|thumb|center| Пример отображения кнопки «Добавить ссылку» |800px]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Обрезанная_ссылка.png|thumb|center| Пример отображения кнопки «Добавить ссылку» |800px]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Нажать на кнопку «Сохранить» и использовать готовый контент в трансляции.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Нажать на кнопку «Сохранить» и использовать готовый контент в трансляции.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== '''Поддерживаемы платформы''' ==</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Данный тип контента поддерживается следующими клиентскими приложениями SmartPlayer:</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Tizen.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* WebOS.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Windows.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Linux.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Raspberry.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Android.</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Note|Версии клиентских приложений обозначенных в списке выше рекомендуется уточнять у специалистов технической поддержки.|warn}}</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Интеграция в трансляцию''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Интеграция в трансляцию''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Чтобы полностью ознакомиться с работой данного <del style="font-weight: bold; text-decoration: none;">виджета</del>, пользователю необходимо <del style="font-weight: bold; text-decoration: none;">запустить </del>трансляцию с <del style="font-weight: bold; text-decoration: none;">расписанием и добавить в качестве контента настроенный ранее виджет</del>. Для <del style="font-weight: bold; text-decoration: none;">взаимодействия с описанными ранее шагами </del>рекомендуется изучить следующие статьи из Wikipedia:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Чтобы полностью ознакомиться с работой данного <ins style="font-weight: bold; text-decoration: none;">функционала</ins>, пользователю необходимо <ins style="font-weight: bold; text-decoration: none;">создать </ins>трансляцию с <ins style="font-weight: bold; text-decoration: none;">зоной для проигрывания</ins>. Для <ins style="font-weight: bold; text-decoration: none;">этого </ins>рекомендуется изучить следующие статьи из Wikipedia:</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Устройства"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Устройства"]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Контент на устройства"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Контент на устройства"]]</div></td></tr>
<!-- diff cache key smp_wiki-ru:diff:1.41:old-17356:rev-20022:php=table -->
</table>
FuzzyBot
https://wiki.smartplayer.org/index.php?title=%D0%92%D0%BE%D1%81%D0%BF%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE_%D0%B8%D0%B7_VK_%D0%92%D0%B8%D0%B4%D0%B5%D0%BE/ru&diff=17356&oldid=prev
FuzzyBot: Обновление для соответствия новой версии исходной страницы.
2025-08-29T12:14:57Z
<p>Обновление для соответствия новой версии исходной страницы.</p>
<p><b>Новая страница</b></p><div>== '''Описание ситуации''' ==<br />
Очередным шагом развития платформы SmartPlayer стала возможность воспроизводить видео из VK Видео. Ниже будет описано, как работать с данным функционалом.<br />
== '''Предварительные настройки''' ==<br />
Для начала пользователю необходимо авторизоваться на платформе [https://vkvideo.ru VK Видео] и выбрать нужное видео. <br />
[[File:Авторизация_вк_видео.png|thumb|center| Пример отображения платформы VK Видео |800px]]<br />
Далее пользователь должен найти кнопку «Поделиться» и нажать на нее. Откроется модальное окно с вариантами для отправки ссылки:<br />
# Telegram.<br />
# Whats App.<br />
# VK.<br />
# Встроить (является нужным вариантом).<br />
[[File:Поделится_вк_видео.png|thumb|center| Пример отображения кнопки модального окна|800px]]<br />
После нажатия на вариант «Встроить» пользователю откроется еще одно модальное окно. В этом окне ему нужно обратить внимание на два параметра:<br />
* размер видео (настраивается с помощью выбора варианта из списка разрешений);<br />
* чекбокс (галочка) автостарт (должен быть активирован).<br />
[[File:Параметры_копирования_ссылк.png|thumb|center| Пример отображения модального окна с параметрами|800px]]<br />
Далее пользователю необходимо скопировать ссылку из поля под названием «Используйте запасной код». Данное поле является вторым сверху.<br />
[[File:Использование_ссылки.png|thumb|center| Пример отображения ссылки из поля «Используйте запасной код»|800px]]<br />
Действия по подготовке ссылки окончены. Остальные манипуляции с необходимой ссылкой проводятся на уровне личного кабинета SmartPlayer.<br />
== '''Алгоритм действия''' ==<br />
Для начала пользователь должен зарегистрироваться/авторизоваться в личном кабинете SmartPlayer.<br><br />
Следующим шагом перейти в раздел «Контент» и найти категорию «Ссылки».<br />
[[File:КОнтент-ссылка.png|thumb|center| Пример отображения вкладки «Контент» и типа контента «Ссылка» |800px]]<br />
Затем нажать на кнопку «Добавить ссылку» и добавить полученную ссылку в VK Видео. Предварительно ссылку необходимо укоротить убрав из неё лишние данные. Необходимо удалить следующие части URL-адреса ссылки:<br />
# Сделать так, чтобы начало ссылки был не "iframe", а "https".<br />
# Убрать весь текст после параметра "autoplay = 1" <br />
Результат должен получиться как на скриншоте ниже:<br />
[[File:Обрезанная_ссылка.png|thumb|center| Пример отображения кнопки «Добавить ссылку» |800px]]<br />
Нажать на кнопку «Сохранить» и использовать готовый контент в трансляции.<br />
== '''Интеграция в трансляцию''' ==<br />
Чтобы полностью ознакомиться с работой данного виджета, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента настроенный ранее виджет. Для взаимодействия с описанными ранее шагами рекомендуется изучить следующие статьи из Wikipedia:<br />
* [[Раздел "Устройства"]]<br />
* [[Раздел "Контент на устройства"]]<br />
* [[Раздел "Трансляции"]]<br />
* [[Раздел "Расписание"]]<br />
== '''Видеоинструкция''' == <br />
[https://vk.com/video-227547238_456239089 Воспроизведение видео из VK Видео]<br />
== '''Дополнительная информация''' ==<br />
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы, их можно задать в разделе "Обсуждения" вверху страницы.<br />
[[File:Обсуждение_вк_видео.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]<br />
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div>
FuzzyBot