无法在浏览器中播放MP4视频
cant get an mp4 video to play in a browser
我很难在浏览器窗口中播放mp4视频。 我对html相当陌生,我一直在做很多研究,试图找出它为什么不起作用。 现在它只是给我一个空白的视频播放器 这是我拥有的代码
谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" href="skin/jplayer.blue.monday.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.jplayer.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
m4v: "/videos/m4v/sequence01mp4video_480x270_h264aac.m4v",
ogv: "/videos/ogv/sequence01mp4video_480x270.ogv",
png: "/videos/png/sequence01_480x270.png"
});
},
swfPath: "/javascripts",
supplied: "m4v, ogv"
});
});
</script>
</head>
<body>
<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>
</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>
我可以建议一个替代你当前的Javascript设置吗?
试试Video.js,一个轻量级的HTML5视频播放器。
http://videojs.com/#section5
相关文章:
- 三星智能电视视频播放器应用程序-访问存储在USB上的mp4
- 通过javascript播放mp4视频
- 如何使用vanillaJS将mp4视频插入到具有特定维度的html文档中,播放2秒,然后删除节点
- 如何降低iPad3 MP4播放器的z指数
- 无法在浏览器中播放MP4视频
- 火狐 10.0.1 不播放 html mp4 视频
- YouTube嵌入式播放器将视频下载为MP4按钮属性
- 如何在 MVC 中播放视频时停止滑块.mp4
- mencoder 从 html 视频标签镶边中的 JPG 播放停止生成 MP4 H.264
- 如何使用.NET(C#)或JavaScript获得.MP4播放长度
- Flowplayer中的MP4视频无法在Windows 7 Chrome中播放
- 如何使用servlet和jsp在浏览器上播放视频,视频存储在本地系统中,如D:/video/sample.mp4
- JW播放器-当其他媒体(RTMP)断开连接时,循环MP4待机视频
- HTML5中的MP4视频标签在ie浏览器中无法播放
- 在网页上播放大型mp4
- 如何使用HTML5视频播放cc加密的MP4视频?标签
- 我如何在HTML5中只能播放mp4类型的视频标签
- 如何流播放器播放,而mp4文件是缓冲
- 如何播放mp4视频的所有主要浏览器
- 控制mp4播放器(对象嵌入)