如何建立链接以打开链接页面的视频?

时间:2015-04-23 22:18:41

标签: javascript jquery html video hyperlink

长话短说:(试过看起来无济于事;也许没有措辞正确吗?新手在这里)。

我正在开发适合移动设备的网页。在这个网页上是一个按钮。当您单击所述按钮时,它会将您带到另一个带有视频的网页。

我想要的效果是,当您点击按钮时,它不会将您带到新页面,而是在现场打开视频。

这可以实现吗?提前谢谢。

3 个答案:

答案 0 :(得分:0)

使用youtube,您可以轻松地在模式框中打开视频。

使用其他网站,您可以打开包含整个网页内容的iframe模式。您可以使用jquery影响iframe,仅在其他页面是同一个域时才拍摄视频。

答案 1 :(得分:0)

您是否尝试使用正确的属性创建容器,以便在内部放置iframe?该按钮应该是iframe源的锚点。

答案 2 :(得分:0)

我创建了一个jsfiddle,如下所示,这样如果您点击该按钮,它会加载视频,而不会按照您的要求将您带到新页面。

http://jsfiddle.net/yb6s7fud/

这是我使用的jquery代码:

$(document).ready(function () {
    $('button').click(function () {
        var video = '<iframe src="https://www.youtube.com/embed/koJlIGDImiU?autoplay=1" 
        frameborder="0" allowfullscreen></iframe>';
            $("#video").append(video);
        });
    });

希望这就是你要找的东西。