Найти на сайте
  2. Форумы
  3. РАЗНОЕ
  4. Флейм / Флуд / Оффтопик
  5. Отображение загруженного видео посредством виджета html

Отображение загруженного видео посредством виджета html

InstantCMS 2.X
#1 8 февраля 2020 в 09:24
Приветствую добрых людей.

Загрузил на сервер видео, пока в корневую папку.

В html виджет вставляю коды для того, чтобы это видео отображалось на странице.

Пытаюсь-пытаюсь, но что-то видимо не те коды вставляю.

Подскажете, как правильно это делать?
СЛАВА БЭКАПУ! ПРОГРАММИСТАМ СЛАВА!
0
#2 8 февраля 2020 в 09:51
Polzovinst, <video>
0
#3 9 февраля 2020 в 05:53


Polzovinst,

@IamB
Да, этот вариант и подобные пробовал. Что-то пока не получается. Видимо не правильно где-то пути прописываю.

А вообще, если делать фрейм с ютуба,
теперь название ролика нельзя убрать с помощью &showinfo=0 ?
То б решился вопрос.
СЛАВА БЭКАПУ! ПРОГРАММИСТАМ СЛАВА!
0
#4 9 февраля 2020 в 09:42

Что-то пока не получается. Видимо не правильно где-то пути прописываю.

Polzovinst
И пока вы не выложите код, как вы это делаете, вероятность того, что кто-то вам поможет, достаточно низкая.
0
#5 9 февраля 2020 в 12:44

Загрузил на сервер видео

Polzovinst

В html виджет вставляю коды для того, чтобы это видео отображалось на странице.

Polzovinst

Подскажете, как правильно это делать?

Polzovinst
Не используйте для этого html виджет! Есть поле видео, через него пробуйте. (через загрузчик и не в корневую директорию и он сам сформирует правильный путь. (например в /upload/000/u1/1/8/video.mp4))

Финальный рендер
  1.  
  2. <div class="field ft_video f_videohtml auto_field">

  3.   <div class="field_label title_left">Видео:</div>

  4.   <div class="value">

  5.  
  6.  
  7.     <video controls="controls" preload="auto" style="width:100%;">

  8.     <source src="/upload/000/u1/1/8/test23.mp4">

  9.         Ваш браузер не поддерживает видео.

  10.     </video>

  11.     test23.mp4

  12.   </div>

  13. </div>

  14.  
0
#6 9 февраля 2020 в 18:55


И пока вы не выложите код, как вы это делаете, вероятность того, что кто-то вам поможет, достаточно низкая.

@IamB
  1. <html>
  2.  <head>
  3.   <meta charset="utf-8">
  4.   <title>video</title>
  5.  </head>
  6.  <body>
  7.   <video width="400" height="300" controls="controls" poster="video/моёвидео.jpg">
  8.    <source src="video/моёвидео.ogv" type='video/ogg; codecs="theora, vorbis"'>
  9.    <source src="video/моёвидео.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
  10.    <source src="video/моёвидео.webm" type='video/webm; codecs="vp8, vorbis"'>
  11.    Элемент video не поддерживается вашим браузером. 
  12.    <a href="video/моёвидео.mp4">Скачайте видео</a>.
  13.   </video>
  14.  </body>
  15. </html>
СЛАВА БЭКАПУ! ПРОГРАММИСТАМ СЛАВА!
0
#7 9 февраля 2020 в 19:35 

  1.  
  2. <!DOCTYPE html>

  3. <html>

  4.  <head>

  5.   <meta charset="utf-8">

  6.   <title>video</title>

  7.  </head>

  8.  <body>

  9.   <video width="400" height="300" controls="controls">

  10.    <source src="video/chat-client.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

  11.   </video>

  12.  </body>

  13. </html>

  14.  
0
#8 9 февраля 2020 в 19:47



@IamB
Странно, вместо "chat-client" вставил своё название, и никак.
Плейер отображается, а видео нет.
СЛАВА БЭКАПУ! ПРОГРАММИСТАМ СЛАВА!
0
#9 9 февраля 2020 в 19:51


Есть поле видео, через него пробуйте вставлять/грузить.

Дмитрий Баринов
в дополнениях или в системе?
В системе пока нет.
В дополнениях не нашёл.
Есть у меня только дополнение от GoodMade, покупал три года назад, но там загрузка только по ссылке youtube

Теперь название ролика получается нельзя убрать с помощью &showinfo=0?
СЛАВА БЭКАПУ! ПРОГРАММИСТАМ СЛАВА!
0
#10 9 февраля 2020 в 19:51
Polzovinst, напишите в лс, помогу
https://vk.com/instantmake - полезное сообщество в VK про InstantCms
0
#11 9 февраля 2020 в 20:01

Странно, вместо "chat-client" вставил своё название, и никак.
Плейер отображается, а видео нет.

Polzovinst
<!DOCTYPE html> вы, надеюсь, заметили.
Попробуйте перед video поставить слэш.
  1.  
  2. <source src="/video/chat-client.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

  3.  
0
#12 9 февраля 2020 в 20:03
@IamB, к чему такие манипуляции, если все делается намного проще

  1. <video controls>
  2. <source src="видео.mp4" type="video/mp4">
  3. <source src="видео.ogv" type="video/ogg">
  4. </video>
Если не показывается видео, тогда просто прописать полный путь к файлу. Другое дело, если сайт на локальном сервере, там немного по другому надо
https://vk.com/instantmake - полезное сообщество в VK про InstantCms
0
#13 9 февраля 2020 в 20:06


Странно, вместо "chat-client" вставил своё название, и никак.
Плейер отображается, а видео нет.

Polzovinst
<!DOCTYPE html> вы, надеюсь, заметили.
Попробуйте перед video поставить слэш.
  1.  
  2. <source src="/video/chat-client.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

  3.  

@IamB
Заметил.
Слэш помог!)
Эврика-эврика-эврика)
Эврика-эврика-эврика)
Спасибо!
СЛАВА БЭКАПУ! ПРОГРАММИСТАМ СЛАВА!
0
#14 9 февраля 2020 в 20:11

к чему такие манипуляции, если все делается намного проще

makework
Я исхожу из кода, который представил ТС. Если вам очень хочется оказать здесь помощь, то я могу уступить.
0
#15 9 февраля 2020 в 20:21


@IamB, к чему такие манипуляции, если все делается намного проще

  1.  
  2. <video controls>
  3. <source src="видео.mp4" type="video/mp4">
  4. <source src="видео.ogv" type="video/ogg">
  5. </video>
  6.  
Если не показывается видео, тогда просто прописать полный путь к файлу. Другое дело, если сайт на локальном сервере, там немного по другому надо

makework
Получается, если только так:
  1. <video controls>
  2. <source src="/video/видео.mp4" type="video/mp4">
  3. <source src="/vedeo/видео.ogv" type="video/ogg">
  4. </video>
Ну и конечно <!DOCTYPE html>, ширина, высота (чтоб не "разъезжалось" видео)
СЛАВА БЭКАПУ! ПРОГРАММИСТАМ СЛАВА!
0
Можно ли расположение виджетов
Проблема кодировки во фрейме h
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

Как вывести фото, загруженное в опциях виджета в шаблон виджета?

Разработка дополнений Создана 3 года назад 4 сообщения

Нет перевода строки после видео в Redactor + прилипают видео

Типы контента / статьи / страницы Создана 1 год назад 2 сообщения

[ЕСТЬ РЕШЕНИЕ] Не отображается логотип

Релизы 2.X Создана 3 года назад 3 сообщения

Почему загруженные в формате webp фото не открываются?

HTML / CSS / PHP / JS / RegExp Создана 2 года назад 3 сообщения

В каком файле менять пресеты загруженных фотографий?

Флейм / Флуд / Оффтопик Создана 1 год назад 1 сообщение

Перевести загруженные и загружаемые изображения в WebP на рабочем сайте

Флейм / Флуд / Оффтопик Создана 1 год назад 6 сообщений

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.