#javascript #html #vue.js #video #youtube
#javascript #HTML #vue.js #Видео #YouTube
Вопрос:
Я пытаюсь загрузить видео на свою HTML-страницу, используя этот код:
<video v-for="(data, key) in projectData.videos" :key="key" width="320" height="240" controls>
<source :src="data.url">
</video>
Примером источника, который я использую, является: http://www.youtube.com/v/qUfzflYqQeE
URL, который я получаю, получен из API.
Но проблема в том, что когда страница загружается и отображаются теги видео, она остается пустой, и с исходным кодом, который я вставил выше, она пытается загрузить файл.
Однако я не хочу, чтобы это происходило, я просто хочу загрузить видео и позволить ему воспроизводиться.
Если кто-нибудь может, пожалуйста, помогите.
Большое спасибо.
Комментарии:
1. Я предполагаю, что он загрузит файл, потому что этот URL YouTube указывает на веб-сайт: HTML-документ.
Ответ №1:
Если вы хотите использовать <video> элемент для воспроизведения видео, то URL, который вы ему указываете, должен указывать на видео файл. Указанный вами URL-адрес не отображается. Это приводит к HTML-документу.
Если вы хотите вставлять видео с YouTube, используйте код для встраивания YouTube (который использует iframe и проигрыватель YouTube вместе с рекламой YouTube). YouTube не занимается размещением простых видеофайлов для показа на других сайтах без получения YouTube аналитических данных и возможности показывать рекламу.
Комментарии:
1. Не могли бы вы, пожалуйста, привести мне пример того, как я могу это сделать. Большое спасибо за ответ.
2. Перейдите к видео на YouTube. Нажмите Поделиться. Нажмите Вставить. Скопируйте / вставьте.
3. Но дело в том, что URL-адрес видео, который я получаю, получен из API, так как я могу это сделать? Есть ли другой способ?
4. Перейдите к видео на YouTube. Нажмите Поделиться. Нажмите Вставить. Скопируйте / вставьте. Посмотрите на полученный код. Просто замените идентификатор видео на тот, который вы получаете из API.