Question

我正在使用Sublime视频播放器（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

就默认视频标签而言，视频编解码器示例

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

它需要type =＆＃34; video / mp4＆＃34;所以完整的代码将在下面看

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

希望有所帮助:)

Answer 2

在您的代码中，视频标记设置为隐藏style="display:none"，您只需要添加一个jQuery函数来检测图像是否被点击。在您的代码中，我添加了toggle()功能，因此，如果您点击图片，系统会显示视频标记 - ＆gt; show()您再次点击该图片就会隐藏 - ＆gt; hide()

更新：new fiddle

如果您想点击可以在点击功能document.getElementById('video1').play();内添加的图片启动视频，您也可以在第二次点击图片隐藏视频标记后停止视频{{1 }}

The fiddele

视频链接无法播放

2 个答案: