Ссылка на видео не играет

Question

Я использую осветителя от Блистательной видеоплеера (http://www.sublimevideo.net/demos/lightbox/custom-overlay-opacity) играть ссылку на видео, но это не открыть видео

Вот код для видео .Как я получаю ссылку Смотрите также работает

<div id = "demo"> 
<table> 
<tr> 
<td> 
<a class="sublime zoomable" href="#video1" data-settings="overlay-opacity:0.9"><h3>Watch Demo</h3> 
</td> 
    <td> 
<img src="assets/images/logo.png" width="50" height="50" /> 
    <!-- <span class="zoom_icon"></span> --> 

</td> 
</tr> 
</a> 


<video id="video1" data-settings="uid:demo-lightbox-custom-overlay-opacity; autoresize:fit;" title="Demo: Lightbox, Custom overlay opacity" poster="assets/images/logo.png" width="640" height="360" preload="none" style="display:none"> 
<source src="assets/DemoVideo.mp4"/> 
<!-- <source src="assets/DemoVideo.mp4.webm"/> --> 
</video> 
</table> 
</div> 

Answer 1

в коде видео тег установлен скрытый style="display:none" все, что вам нужно сделать, это добавить функцию JQuery, которая определит, если изображение было нажата или нет , В своем коде я добавил toggle() функцию так, если нажать на изображение будет отображаться тег видео ->show() это нажать кнопку один раз он будет скрыт ->hide()

Update: new fiddle

Если вы хотят, чтобы начать видео, как только вы выберите изображение, которое вы можете добавить в функции мыши document.getElementById('video1').play(); вы можете также остановить видео, когда вы скрыть тег видео, нажав на изображение вы во второй раз document.getElementById('video1').pause();

The fiddele

Answer 2

насколько видео по умолчанию тега идет будет источник пример видеокодека

<source src="assets/DemoVideo.mp4"/> 

это потребует типа = «видео/mp4», так что полного кода Виль л смотрите ниже

<source src="assets/DemoVideo.mp4"type="video/mp4"> 

надеждой, что помогает :)