2016-01-06 5 views
0

Хорошо, теперь у меня тяжелая ситуация. Я использую бесплатный шаблон html. До сих пор мне удалось сделать следующее:window.location.href navigates с моего сайта

Когда пользователь нажимает миниатюру. Видео будет воспроизводиться там, где нужно.

enter image description here

Все, что я должен был сделать с добавлением прямого необработанного видеофайла в HREF этим образом.

<a class="thumbnail" href="VIDEO_LINK.MP4"><img src="http://i.imgur.com/KWyIHw8.jpg" /></a> 

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

Я установил его, добавив событие onclick для формирования функции.

<a class="thumbnail" href="#" onclick="video();"><img src="http://i.imgur.com/KWyIHw8.jpg"/></a> 

Функция:

Function video() {window.location.href = 'VIDEO_LINK_HERE.MP4'} 

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

Мне нужно знать, как я могу заставить его играть, не перемещаясь с моего веб-сайта, как на первом снимке, и, самое главное, не показывает необработанную ссылку на видео.

ответ

0

Попробуйте использовать груз FUNC Jquery, чтобы загрузить изображение в определенном DIV

$("#div1").load("http://i.imgur.com/KWyIHw8.jpg") 
+0

функция видео() { $ ("# div1") .load ("http://i.imgur.com/KWyIHw8.jpg") } –

+0

Я не уверен, что вы говорите мне. Почему я хочу загрузить изображение на отдельный div? – L3SAN

Смежные вопросы