Javascript 可以将html5视频标记与json回调一起使用吗？

想知道这是否可能

我正在制作一个视频页面，页面顶部有一个主屏幕，主屏幕下方有一些可点击的小屏幕。因此，当您单击底部的小屏幕时，主屏幕将呈现与youtube类似的已单击视频

我们从ooyala获得的数据如下：数据=”http://player.ooyala.com/static/cacheable/fc6411f99c3b69d5987fcb94f4f48a94/player_v2.swf

此外，我们没有用于后端的php代码，因此我们只能使用javascript、jquery和html来创建页面

---

下面是我的问题。如果可能的话，如何使用html5视频标签、jquery或javascript和json来呈现每个视频？此外，如果有人能提供任何其他可能的解决方案或更好的解决方案，我们将不胜感激。提前感谢。

类似的方法应该可以

jQuery：

$("a").click(function(){
    $(".video").html("");
    var url = $(this).data("url");
    $(".video").append("<video controls=\"controls\"><source src=\"" + url + "\" type=\"video/mp4\" class=\"video\" /></video>"); 
});​

$（“a”）。单击（函数（）{
$（“.video”）.html（“”）；
var url=$（this）.data（“url”）；
$（“.video”）。追加（“”）；
});​

HTML:

例如：

---

---

一旦你点击了一个

链接，它就会获取它的

数据url

属性，将其放入一个变量中，然后用正确的

src

将一个视频播放器附加到一个

div

中，为什么没有“小屏幕”“只需在ClickHMM上显示/隐藏视频……也许，我们在一个页面中有168个视频。这是一个好办法吗？

<div class="video">  
</div>
<a class="one" href="#" data-url="VIDEO URL ONE">One</a>
<a class="two" href="#"  data-url="VIDEO URL TWO">two</a>