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%2Fen
Воспроизведение видео из VK Видео/en - История изменений
2026-05-15T01:14:43Z
История изменений этой страницы в вики
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/en&diff=17360&oldid=prev
N.Bloshkin: Новая страница: «== '''Description''' == The next step in the development of the SmartPlayer platform was the ability to play videos from VK Video. Below is a guide on how to work with this functionality. == '''Preliminary Setup''' == To start, the user needs to log in to the [https://vkvideo.ru VK Video] platform and select the desired video. 800px Next, the user needs t...»
2025-08-29T12:22:17Z
<p>Новая страница: «== '''Description''' == The next step in the development of the SmartPlayer platform was the ability to play videos from VK Video. Below is a guide on how to work with this functionality. == '''Preliminary Setup''' == To start, the user needs to log in to the [https://vkvideo.ru VK Video] platform and select the desired video. <a href="/index.php?title=%D0%A4%D0%B0%D0%B9%D0%BB:%D0%90%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_%D0%B2%D0%BA_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE.png" title="Файл:Авторизация вк видео.png">thumb|center| Example view of the VK Video platform |800px</a> Next, the user needs t...»</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;">Версия от 15:22, 29 августа 2025</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 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;"><div lang="ru" dir="ltr" class="mw-content-ltr"></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;">Description</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;">Описание ситуации</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;">The next step in the development of the </ins>SmartPlayer <ins style="font-weight: bold; text-decoration: none;">platform was the ability to play videos from </ins>VK <ins style="font-weight: bold; text-decoration: none;">Video</ins>. <ins style="font-weight: bold; text-decoration: none;">Below is a guide on how to work with this functionality</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;">Очередным шагом развития платформы </del>SmartPlayer <del style="font-weight: bold; text-decoration: none;">стала возможность воспроизводить видео из </del>VK <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;">Preliminary Setup</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;">Предварительные настройки</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;">To start, the user needs to log in to the </ins>[https://vkvideo.ru VK <ins style="font-weight: bold; text-decoration: none;">Video</ins>] <ins style="font-weight: bold; text-decoration: none;">platform and select the desired video</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;">Для начала пользователю необходимо авторизоваться на платформе </del>[https://vkvideo.ru VK <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>[[File:Авторизация_вк_видео.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example view of the </ins>VK <ins style="font-weight: bold; text-decoration: none;">Video platform </ins>|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>[[File:Авторизация_вк_видео.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения платформы </del>VK <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;">Next, the user needs to find the "Share" button and click it</ins>. <ins style="font-weight: bold; text-decoration: none;">A modal window will open with sharing options</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;">Далее пользователь должен найти кнопку «Поделиться» и нажать на нее</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>Telegram<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;"># </del>Telegram<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;">* WhatsApp;</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;"># Whats App.</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>VK<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;"># </del>VK<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;">* Embed </ins>(<ins style="font-weight: bold; text-decoration: none;">this is the option you need</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;"># Встроить </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>[[File:Поделится_вк_видео.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example view of the modal window share button </ins>|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>[[File:Поделится_вк_видео.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;">After clicking the "Embed" option, another modal window will appear</ins>. <ins style="font-weight: bold; text-decoration: none;">In this window, the user needs to pay attention to two parameters</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;">После нажатия на вариант «Встроить» пользователю откроется еще одно модальное окно</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;">video size </ins>(<ins style="font-weight: bold; text-decoration: none;">set using the resolution dropdown</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;">размер видео </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;">autoplay checkbox </ins>(<ins style="font-weight: bold; text-decoration: none;">must be checked</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;">чекбокс (галочка) автостарт </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>[[File:Параметры_копирования_ссылк.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example view of the modal window with parameters </ins>|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>[[File:Параметры_копирования_ссылк.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;">Next, the user must copy the link from the field titled "Use the backup code</ins>.<ins style="font-weight: bold; text-decoration: none;">" This is the second field from the top</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;">Далее пользователю необходимо скопировать ссылку из поля под названием «Используйте запасной код»</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>[[File:Использование_ссылки.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of the link from the "Use the backup code" field </ins>|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>[[File:Использование_ссылки.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;">This completes the link preparation</ins>. <ins style="font-weight: bold; text-decoration: none;">The remaining steps are done in the </ins>SmartPlayer <ins style="font-weight: bold; text-decoration: none;">personal account</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;">Действия по подготовке ссылки окончены</del>. <del style="font-weight: bold; text-decoration: none;">Остальные манипуляции с необходимой ссылкой проводятся на уровне личного кабинета </del>SmartPlayer.</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;">Step-by-Step Guide</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;">Алгоритм действия</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;">First, the user must register or log in to the </ins>SmartPlayer <ins style="font-weight: bold; text-decoration: none;">personal account</ins>.<br></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>SmartPlayer.<br></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;">Next, go to the “Content” section and find the “Link” category</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;">Следующим шагом перейти в раздел «Контент» и найти категорию «Ссылки»</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>[[File:КОнтент-ссылка.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of the “Content” tab and the “Link” content type </ins>|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>[[File:КОнтент-ссылка.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;">Then click on the “Add Link” button and paste the </ins>VK <ins style="font-weight: bold; text-decoration: none;">Video link</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;">Затем нажать на кнопку «Добавить ссылку» и добавить полученную ссылку в </del>VK <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>URL<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;">Before adding, the link must be cleaned of extra parts</ins>. <ins style="font-weight: bold; text-decoration: none;">Remove the following parts of the </ins>URL:</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;">iframe</del>", <del style="font-weight: bold; text-decoration: none;">а </del>"<del style="font-weight: bold; text-decoration: none;">https</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;">Make sure the beginning of the link is </ins>"<ins style="font-weight: bold; text-decoration: none;">https</ins>", <ins style="font-weight: bold; text-decoration: none;">not </ins>"<ins style="font-weight: bold; text-decoration: none;">iframe</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;">Убрать весь текст после параметра </del>"autoplay = 1" </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;">Delete everything after the </ins>"autoplay=1" <ins style="font-weight: bold; text-decoration: none;">parameter.</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;">Результат должен получиться как на скриншоте ниже</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;">The result should look like the screenshot below</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:Обрезанная_ссылка.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>[[File:Обрезанная_ссылка.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of the trimmed link </ins>|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;">Click the “Save” button and use the saved content in a broadcast</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;">Интеграция в трансляцию</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;">Integration into Broadcast</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;">Чтобы полностью ознакомиться с работой данного виджета</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;">To fully understand how this widget works</ins>, <ins style="font-weight: bold; text-decoration: none;">the user must launch a scheduled broadcast and add the previously configured widget as content</ins>. <ins style="font-weight: bold; text-decoration: none;">To interact with the steps described above, it is recommended to read the following </ins>Wikipedia <ins style="font-weight: bold; text-decoration: none;">articles</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"></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>== '''<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;">Video Guide</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>[https://vk.com/video-227547238_456239089 <del style="font-weight: bold; text-decoration: none;">Воспроизведение видео из </del>VK <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>[https://vk.com/video-227547238_456239089 <ins style="font-weight: bold; text-decoration: none;">Playing Videos from </ins>VK <ins style="font-weight: bold; text-decoration: none;">Video</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;">Дополнительная информация</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;">Additional Information</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;">Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы</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;">If this article does not help you use the functionality as intended</ins>, <ins style="font-weight: bold; text-decoration: none;">or if you still have questions after reading it, you can ask them in the “Discussions” section at the top of the page</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:Обсуждение_вк_видео.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения вкладки "Обсуждения" на </del>wiki<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>[[File:Обсуждение_вк_видео.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of the “Discussions” tab on the </ins>wiki <ins style="font-weight: bold; text-decoration: none;">page </ins>|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;">Additional information can also be found on the page </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;"></div></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<!-- diff cache key smp_wiki-ru:diff:1.41:old-17358:rev-17360:php=table -->
</table>
N.Bloshkin
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/en&diff=17358&oldid=prev
N.Bloshkin: Новая страница: «Playing Videos from VK Video»
2025-08-29T12:17:28Z
<p>Новая страница: «Playing Videos from VK Video»</p>
<p><b>Новая страница</b></p><div><div lang="ru" dir="ltr" class="mw-content-ltr"><br />
== '''Описание ситуации''' ==<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 />
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]<br />
</div></div>
N.Bloshkin