当按下按钮时，使视频播放器出现

Make a video player appear when a button is pressed?

本文关键字：视频 播放器 按钮      更新时间：2023-12-29

我想制作一个视频博客，并使用多个视频播放器，youtube和jwplayer。我该如何使youtube播放器默认出现，并且在它下面有一个按钮，当按下按钮时，jwplayer出现并替换youtube。

如果有人能告诉我要使用的代码，那就太棒了，提前感谢大家的帮助！

给你一个简单的例子：

http://jsfiddle.net/xxktz511/4/

它使用这一位javascript和jQuery框架来更改父博客项目的子元素。正如你所说的，你会在页面上有很多博客条目。

// Use the jQuery plugin to find all DOM element that have a class of 'switch player'
// You can read up on jquery here: http://jquery.com/
$('.switch_player').click(
    function(e) {
        // Make a jQuery instance based on the 'currentTarget' or 'click' element
        // Find that element parent that is the actual blog entry
        var $blogEntry = $(e.currentTarget).parent();        
        // Then find all children that have either a youtube_video class or
        // jqPlayer class and toggle their display status
        $blogEntry.children('.youtube_video').toggle();
        $blogEntry.children('.jwplayer_video').toggle();
    }  
);

如果视频时序相同，那么jwplayer可以从给定点开始流。它在文档中。然而，我不知道你是如何从youtube上获得当前时间的。

如果你对设计有任何疑问，请告诉我。

你的意思是这样的吗。警告我自己没有测试代码，但应该可以工作。

    <form method="post">
    <input name="button" type="submit" />
    </form>

    <?php
    if (!empty('$_POST')){
        //jwplayer video
    }
    else{
        //youtubevideo
    }
    ?>
相关文章：