Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/264.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 如何创建视频覆盖?_Java_Php_Javascript_Html_Overlay - Fatal编程技术网

Java 如何创建视频覆盖?

Java 如何创建视频覆盖?,java,php,javascript,html,overlay,Java,Php,Javascript,Html,Overlay,嗨,我看过一些这样做的博客,但我想知道他们是怎么做到的,我不知道到底该查些什么 查看此链接 请注意,它们有一个图像和一个播放按钮,一旦单击播放按钮,图像将消失,视频将播放。我想知道是否有人知道我在哪里可以学会创建这个函数。我做这件事最愚蠢的方法是有一个图像文件和一个链接到它的js函数,它基本上在单击时隐藏图像,并显示包含视频的div块。尽管您确实需要学习使用firebug或web inspector。这是您试图实现的简单示例。最初隐藏视频,然后在用户单击图像时显示和播放 <div id="

嗨,我看过一些这样做的博客,但我想知道他们是怎么做到的,我不知道到底该查些什么

查看此链接


请注意,它们有一个图像和一个播放按钮,一旦单击播放按钮,图像将消失,视频将播放。我想知道是否有人知道我在哪里可以学会创建这个函数。

我做这件事最愚蠢的方法是有一个图像文件和一个链接到它的js函数,它基本上在单击时隐藏图像,并显示包含视频的div块。尽管您确实需要学习使用firebug或web inspector。

这是您试图实现的简单示例。最初隐藏视频,然后在用户单击图像时显示和播放

<div id="container">
    <img src="http://content.internetvideoarchive.com/content/photos/7142/29998006_.jpg" />
    <video width="320" height="240" controls style="display: none;">
        <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">
    </video>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(function () {
        $('img').click(function () {
            $(this).hide();
            $('video').show()
            $('video')[0].play();
        });
    });
</script>

$(函数(){
$('img')。单击(函数(){
$(this.hide();
$('video').show()
$('video')[0]。播放();
});
});

我怀疑链接到nicki minaj视频后,您是否会在这里得到很多帮助。为什么您不能查看页面源代码并查看发生了什么?或者问一个真实的问题。在浏览chrome时右键单击页面,然后单击inspect element!瞧…@jzworkman没必要对它无礼