3

我在网站上使用 JW Player 播放 youtube 视频。我为此使用了嵌入代码。从我的本地目录执行文件时，它在所有浏览器中都能正常工作。但是从服务器执行文件时，它在谷歌浏览器中不起作用。下面是代码。

<embed id="ply" height="384" width="430" flashvars="autostart=true&repeat=always&file=http:/www.youtube.com/watch?v=cNBFihPwThM&screencolor=000000&backcolor=000000&frontcolor=ffffff&skin=http://www.creatingafamily.org/modules/mod_jwmedia/skins/snel.swf" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" quality="high" bgcolor="#000000" name="ply" style="" src="http://www.creatingafamily.org/modules/mod_jwmedia/player.swf" type="application/x-shockwave-flash"/>

请帮助实现这一目标。提前致谢。

4

1 回答 1

3

首先，我们应该让 jwplayer 的 javascript 来构建 html 代码。

用js初始化jwplayer，在html中使用html5视频，如下：

<center>            
    <video controls="controls" id="container" poster="http://www.example.com/yourvideothumbs/videothumb.jpg"  width="693" height="388">
            <source src="http://www.example.com/videos/jourvideo.mp4" type="video/mp4" />
    </video>                        
</center>

Javascript：

if(navigator.userAgent.toLowerCase().match(/(android)/) || navigator.userAgent.toLowerCase().match(/(chrom)/) ){
    //wee must force flash video player in chrome, because mp4 video files is not supported yet in chrome's HTML5 video implementation.
    modes = [{type: 'flash', src:  '[JWPLAYERBASEDIR]/swf/player.swf'}];
}else{
    modes = [ {type: 'html5'},{type: 'flash', src:  '[JWPLAYERBASEDIR]swf/player.swf'}];
}

jwplayer("container").setup({                   
    'modes':modes,      
});

这在所有浏览器中都对我有用。jwplayer 可以符合 HTML5 是否支持。

或者下面的强制 HTML4 实现：

<div id="container"></div>
<script type="text/javascript">
    jwplayer("container").setup({
       modes = [{type: 'flash', src:  '[JWPLAYERBASEDIR]/swf/player.swf'}], //force flashplayer for video
       image: "yourvideothumbs/videothumb.jpg", //poster image
       file: "videos/jourvideo.mp4",  //video file 
       height: "693", //set height in px
       width: "388" //set width in px
   });

在设置中，您可以设置skin任何controls您autostart想要的： http ://www.longtailvideo.com/support/jw-player/28839/embedding-the-player/

于 2013-04-01T09:22:19.763 回答