javascript - 使用 flowplayer 将图像显示为第一帧，然后单击图像播放视频

Question

我正在使用 flowpalyer 播放视频。我正在尝试将 png 图像显示为开始图像，而不是常规的黑屏。但是由于某种原因它不起作用任何人都可以帮助我确定问题所在

<script type="text/javascript" src="http://brianhaskins.com/protege/flowplayer-3.2.2.min.js"></script>

<div style="width: 290px; padding-bottom: 0px;" id="optin">
<div style="width:264px;height:198px;border:1px solid red;">
<a  href="http://brianhaskins.com/blogvideo/blogoptinfinal/blogoptinfinal.mp4" 
style="display:block;width:290px;height:171px;"     id="player"> </a>
<script language="JavaScript">
flowplayer("player", "http://brianhaskins.com/protege/flowplayer-3.2.2.swf"{

    // here is our playlist with two clips
    playlist: [

        // this first PNG clip works as a splash image
        {
            url: 'http://brianhaskins.com/blogvideo/blogoptinfinal/FirstFrame.png', 
            scaling: 'orig'
        },

        // second clip is a video. when autoPlay is set to false the splash screen will be shown
        {
            url: 'http://brianhaskins.com/blogvideo/blogoptinfinal/blogoptinfinal.mp4', 
            autoPlay: false, 

            // video will be buffered when splash screen is visible
            autoBuffering: true 
        }
    ]
});</script>
</div>

Answer 1

这是我使用的代码。希望它可以帮助其他处于我所处位置的人

</script><script type="text/javascript" src="http://brianhaskins.com/protege/flowplayer-3.2.2.min.js"></script>

<div style="width: 271px; padding-bottom: 0px;border:3px solid #ccc;margin:0 auto" id="optin">
<div style="width:264px;height:198px;margin:0 auto">
<a  href="http://brianhaskins.com/blogvideo/blogoptinfinal/blogoptinfinal.mp4"  style="display:block;width:264px;height:198px;z-index:300"  id="player"> </a>
<script language="JavaScript">
     flowplayer("player", "http://brianhaskins.com/protege/flowplayer-3.2.2.swf",{

// here is our playlist with two clips
playlist: [

    // this first PNG clip works as a splash image
    {
        url: 'http://brianhaskins.com/blogvideo/blogoptinfinal/FirstFrame.jpg', 
        scaling: 'orig'
    },

    // second clip is a video. when autoPlay is set to false the splash screen will be shown
    {
        url: 'http://brianhaskins.com/blogvideo/blogoptinfinal/blogoptinfinal.mp4', 
        autoPlay: false, 

        // video will be buffered when splash screen is visible
        autoBuffering: true 
    }
]
});</script>