无法使用JPlayer播放视频 [英] Not able to play video using JPlayer
本文介绍了无法使用JPlayer播放视频的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
下面是我使用JPlayer运行视频的代码。
Below is the code which I am using to run a video using JPlayer.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="Scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.jplayer.inspector.js"></script>
<script type="text/javascript" src="Scripts/jquery.jplayer.min.js"></script>
<%--<script type="text/javascript" src="/js/themeswitcher.js"></script>--%>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
debugger;
$("#jquery_jplayer_1").jPlayer({
ready: function () {
debugger;
$(this).jPlayer("setMedia", {
webmv: "../Images/big-buck-bunny_trailer.webm",
poster: "../Images/poster.png"
});
},
swfPath: "../Scripts",
supplied: "webmv"
});
});
</script>
<div id="jp_container_1" class="jp-video ">
<div class="jp-type-single">
<div id="jquery_jplayer_1" class="jp-jplayer" ></div>
<div class="jp-gui">
<div class="jp-video-play">
<a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a>
</div>
<div class="jp-interface">
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-current-time"></div>
<div class="jp-duration"></div>
<div class="jp-controls-holder">
<ul class="jp-controls">
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
</ul>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
<ul class="jp-toggles">
<li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>
<li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>
<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
</ul>
</div>
<div class="jp-title">
<ul>
<li>Big Buck Bunny Trailer</li>
</ul>
</div>
</div>
</div>
<div class="jp-no-solution">
<span>Update Required</span>
To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
</div>
</div>
</div>
</body>
</html>
任何人都可以帮助我使用上面的代码播放视频吗?
Can anyone help me to play video using above code?
推荐答案
( document )。ready( function (){
debugger ;
(document).ready(function () { debugger;
( #jquery_jplayer_1)。jPlayer({
ready: function (){
debugger ;
("#jquery_jplayer_1").jPlayer({ ready: function () { debugger;
( this )。jPlayer( setMedia ,{
webmv: ../ Images / big-buck- bunny_trailer.webm,
海报: ../ Images / poster.png
});
},
swfPath: ../脚本,
提供: webmv
});
});
< / script >
< div id = jp_container_1 class = jp-video >
< div class = jp-type -single >
< div id = jquery_jplayer_1 class = jp-jplayer > < / div >
< div < span class=\"code-attribute\"> class=\"jp-gui\">
<div class=\"jp-video-play\">
<a href=\"javascript:;\" class=\"jp-video-play-icon\" tabindex=\"1\">play</a>
</div>
<div class=\"jp-interface\">
<div class=\"jp-progress\">
<div class=\"jp-seek-bar\">
<div class=\"jp-play-bar\"></div>
</div>
</div>
<div class=\"jp-current-time\"></div>
<div class=\"jp-duration\"></div>
<div class=\"jp-controls-holder\">
<ul class=\"jp-controls\">
<li><a href=\"javascript:;\" class=\"jp-play\" tabindex=\"1\">play</a&g t;</li>
<li><a href=\"javascript:;\" class=\"jp-pause\" tabindex=\"1\">pause</a></li>
<li><a href=\"javascript:;\" class=\"jp-stop\" tabindex=\"1\">stop</a>< /li>
<li><a href=\"javascript:;\" class=\"jp-mute\" tabindex=\"1\" title=\"mute\">mute</a></li>
<li><a href=\"javascript:;\" class=\"jp-unmute\" tabindex=\"1\" title =\"unmute\">unmute</a></li>
<li><a href=\"javascript:;\" class=\"jp-volume-max\" tabindex=\"1\" title=\"max volume\">max volume</a></li>
</ul>
<div class=\"jp-volume-bar\">
<div class=\"jp-volume-bar-value\"></div>
</div>
<ul class=\"jp-toggles\">
<li><a href=\"javascript:;\" class=\"jp-full-screen\" tabindex=\"1\" title=\"full screen\">full screen</a></li>
<li><a href=\"javascript:;\" class=\"jp-restore-screen\" tabindex=\"1\" title=\"restore screen\">restore screen</a></li>
<li><a href=\"javascript:;\" class=\"jp-repeat\" tabindex=\"1\" title=\"repeat\">repeat</a></li>
<li><a href=\"javascript:;\" class=\"jp-repeat-off\" tabindex=\"1\" title=\"repeat off\">repeat off</a></li>
</ul>
</div>
<div class=\"jp-title\">
<ul>
<li>Big Buck Bunny Trailer</li>
</ul>
</div>
</div>
< /div>
<div class=\"jp-no-solution\">
<span>Update Required</span>
To play the media you will need to either update your browser to a recent version or update your <a href=\"ht tp://get.adobe.com/flashplayer/\" target=\"_blank\">Flash plugin</a>.
</div>
</div>
</div>
</body>
</html>
(this).jPlayer("setMedia", { webmv: "../Images/big-buck-bunny_trailer.webm", poster: "../Images/poster.png" }); }, swfPath: "../Scripts", supplied: "webmv" }); }); </script> <div id="jp_container_1" class="jp-video "> <div class="jp-type-single"> <div id="jquery_jplayer_1" class="jp-jplayer" ></div> <div class="jp-gui"> <div class="jp-video-play"> <a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a> </div> <div class="jp-interface"> <div class="jp-progress"> <div class="jp-seek-bar"> <div class="jp-play-bar"></div> </div> </div> <div class="jp-current-time"></div> <div class="jp-duration"></div> <div class="jp-controls-holder"> <ul class="jp-controls"> <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li> <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li> <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li> <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li> <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li> <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li> </ul> <div class="jp-volume-bar"> <div class="jp-volume-bar-value"></div> </div> <ul class="jp-toggles"> <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li> <li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li> <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li> <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li> </ul> </div> <div class="jp-title"> <ul> <li>Big Buck Bunny Trailer</li> </ul> </div> </div> </div> <div class="jp-no-solution"> <span>Update Required</span> To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. </div> </div> </div> </body> </html>
Can anyone help me to play video using above code?
Can anyone help me to play video using above code?
这篇关于无法使用JPlayer播放视频的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文