我看过一个模板,它的结构如下:
<div class="top-grid-left-left-grids">
<div class="col-md-8 top-grid-left-img">
<div data-video="Bzt6h5uFWOU" id="video">
<img src="images/f12.jpg" alt="Use your own screenshot.">
<div id="play" style=""></div>
</div>
</div>
<div class="col-md-4 top-grid-left-info">
<a class="text" href="single.html">Fusce ornare congue ligula vel placerat</a>
<p>Nam id sollicitudin felis. Nulla non bibendum arcu. Vestibulum non venenatis risus.Suspendisse venenatis venenatis mi.</p>
<div class="t-grid">
<ul>
<li><a href="#"><i class="fa fa-clock-o"></i> 2h</a></li>
<li><a href="#"><i class="fa fa-user"></i> Ornare Congue</a></li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
预览图像的显示位置<img src="images/f12.jpg" alt="Use your own screenshot.">
视频是由一个div
<div id="play" style=""></div>
这个方法是由这个模板的这个demo执行的
如何使用 jQuery 播放带有视频 url 的视频,而无需添加 youtube 嵌入 iframe?
注意:我通过查询mysqli / php数据库获得的视频数据和相同的url。
它对我有用:
HTML
Javascript(使用 API)
演示
您可以在 中看到它
jsfiddle
,因为它不适用于 Stackoverflow 代码片段。目前使用 jquery,我没有看到不使用 iframe 来嵌入视频的方法。
你可以使用 adobe
或者使用来自 hmtl5 的对象
来源:https ://stackoverflow.com/questions/18726480/embed-html5-youtube-video-without-iframe
在php中我通常使用这个片段