Как вставить видео на страницу сайта?

Приветствую всех посетителей сайта! В прошлых выпусках мы рассмотрели вставку аудиофайлов и флэш-видео на свой сайт, а сегодня будем разбирать процесс вставки видеофайлов популярных форматов. Предварительно видеоролик (если он не вашего собственного производства)нужно скачать из интернета. Например, здесь можно скачать тик ток видео без водяного знака.

Давайте рассмотрим процесс вставки видео на конкретном примере. Итак, программа WebPageMaker автоматически может встроить в страницу видео-файлы Windows Media Video в форматах: avi, asf, asx, wmv, wmx и Real Media Video в форматах: ra, rm, ram. Вставка видео любого из перечисленных форматов происходит совершенно одинаковым методом.

К сожалению, программа не поддерживает ставший популярным формат mp4, и здесь есть два пути решения данной проблемы:

1. Любой ваш файл mp4 можно конвертировать в avi и спокойно вставить на сайт. Для конвертации можно воспользоваться бесплатным онлайн-сервисом, который быстро конвертирует ваше видео в нужный вам формат. К слову, сервис работает со всеми популярными видео-форматами.

2. Разместить на странице картинку с первым кадром видео и сделать ее ссылкой на исходное видео. В этом случае вы избежите конвертации.

Что ж, давайте рассмотрим вставку видео на примере формата avi. Что нужно, чтобы опубликовать на странице сайта видео? Прежде всего - сам видеофайл в формате avi и пару минут времени.

Процесс вставки видео аналогичен вставке флэш-ролика, который мы рассматривали в одном из прошлом материалов. Мы по-прежнему воспользуемся в меню разделом Вставка, выбрав в нем пункт Медиа.

В пункте Медиа нам доступны еще три подпункта, из которых мы выбираем самый первый - Windows Media Video.


Выберите видео файл на вашем ПК.

3.Появится имя файла. Учтите, что в рабочем окне программы видео файл проигрываться не будет.  

 

4. Выберите Файл > Просмотр в браузере . 
Примечание : при публикации видео файл автоматически загрузится на удалённый сервер. 

 

Чтобы создать ссылку на видео файл: 

1. Выберите текст или изображение, которые будут использоваться в качестве ссылки на видео файл.  

2. Нажмите кнопку Гиперссылка .

3. Выберите (Чистое поле) в выпадающем списке Тип ссылки в диалоге Гиперссылки. 



4. Введите в строку адреса имя файла и расширение, напр., myfile.avi



Примечание: вам необходимо воспользоваться сторонней  FTP-программой для загрузки аудио файла по ссылке на ваш веб-сайт. 

 




Статьи по оптимизации сайта

                                               Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

                               Всем желаю удачи и смелых воплощений идей на вашем сайте !
Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
Проект для новичков
2010 - 2020 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla -  русские верси20
Автор и администратор  данного проекта - SvetLana_TSV.  Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Главная       Скачать       Уроки        Новости        Статьи        Контакты        Карта сайта
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
Откроется привычное нам окно загрузки файлов, в котором нужно выбрать файл в формате avi на своем компьютере.
Выбрав нужный файл, нажимаем Открыть, после чего на странице появится пустой прямоугольник с названием видео внутри. В программе видео проигрываться не будет. Чтобы проверить работоспособность ролика, воспользуйтесь функцией Предпросмотра в браузере.

Обращаю ваше внимание, что при загрузке страницы на хостинг видеофайл загрузится на сервер автоматически, поэтому ничего загружать на сервер самостоятельно вам не придется.

Также учтите, что при слишком тяжелом весе видео страница будет его долго загружать. Поэтому для объемных видео лучше делать ссылку на сайте, а само видео загружать на Ютуб или любое облачное хранилище типа Яндекс.Диск.

Видео формата  ra, rm, ram вставляются анадогичным методом, только во Вставке выбираете Медиа  Real Media Video. Дальше все действия повторяются.



При отсутствии на компьютере пользователя плеера, воспроизводящего видео форматов avi, asf, asx, wmv, wmx, ra, rm, ram ему будет выведено окно с предупреждением об отсутствии нужного плагина. Поэтому размещая видео на странице, в качестве альтернативы давайте посетителям ссылку либо на источник, либо на загрузку. Либо используйте html-код для встраивания видео в свою страницу.

Как это сделать, мы рассмотрели выше. Думаю, теперь у вас проблем со вставкой аудио и видеофайлов больше не будет:))
Всем удачного изучения! До новых встреч!
С ув. Светлана (SvetLana_TSV)









А теперь давайте на странице посетителю дадим всего лишь ссылку на видео, размещенное например, на Ютубе. В качестве заставки возьмем картинку любого кадра видео, сделанного с помощью программы для создания скриншотов. Затем эту картинку сделаем ссылкой на страницу Ютуба, на которой данное видео размещено. Результат смотрите ниже.
А можно разместить на странице код видео и тогда оно не будет уводить посетителя на Ютуб, а станет проигрываться прямо на вашем сайте. Для этого мы копируем html-код под нужным вам видео на Ютубе и вставляете данный код на своем сайте в том месте страницы, где хотите разместить видеофайл.

Для этого воспользуйтесь в меню разделом Вставка html-код. В появившемся окошке вставляете скопированный код и жмете ОК.
А если вы хотите дать посетителям возможность скачать видео, чтобы они в любое удобное время могли просмотреть его на своем компьютере,  то тогда вам придется загрузить его отдельно на хостинг через сторонний FTP-клиент или встроенный серверный загрузчик. Затем ссылку на загруженный видеофайл разместить на странице.

Ссылка в данном случае создается следующим образом: выделяем любой текст (например, Скачать видео) и в текстовом редакторе жмем на значок Гиперссылка. В открывшемся окне в первой строке Тип выбираем Пусто, а в строке URL указываем полный путь к нашему видео точно так же, как это делали при создании ссылки на аудиофайл.

При клике по ссылке "Скачать видео" в браузере посетителя начнется автоматическая загрузка файла на компьютер, при этом откроется стандартное диалоговое окно загрузки, в котором выбирается папка на диске для сохранения видео. После чего можно приступать к просмотру видео...


ПОДРОБНЕЕ

Не забудь заглянуть в свою почту и подтвердить подписку!