在JSP页面中插入视频

html插视频

  首先说在html中插入视频,so easy!

<video width="320" height="240" controls="controls">
        <source src="班级相册.mp4" type="audio/mp4">
    </video>

这里写图片描述

jsp插视频

  但是使用Tomcat服务器时就不行了,它显示“视频类型不受支持或文件路径无效”的错误。不应该啊,自己手动运行html可以播放,怎么通过在服务器上运行就不可以了呢!?同样的文件,居然播放不了。

这里写图片描述

  经过思考,是不是服务器上只可以运行jsp文件?我把插视频代码复制到新建一个jsp文件,结果出现了另一个问题,jsp页面中无“< video >”标签的定义。于是寻找jsp中插入视频的标签,查出来好多好多,结果放在我这里全都不好使!为什么呢?看了好多篇的文章了,都说是这样。使用的标签不一样,但效果都是windows自带的视频播放器的样式,虽然出现了播放器,但播放不了。

这里写图片描述

  是不是文件格式不对,这次我复制了一个音频MP3格式的,本来说这个歌的名字太长,改个简答点的吧,这么一改完,恩?! 是不是中文名字的问题,立马将视频的名字换成字母,居然可以了,这些代码果然好使了,jsp中可以正常播放,html中也能正常播放了。

  这个问题纠结了我好多天都没解决,居然是视频名字是中文的问题!下面是我搜集到的jsp中插入视频的标签。

第一种:(看似很多,其实都在设置很多没有必要的参数信息,把< param >的标签全都删除也可以,博主已经尝试过了)

<object id="mPlayer1" width=300 height=300 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name="URL" value="/ClassWeb/ablum.mp4"/>
        <param name="rate" value="1"/>
        <param name="balance" value="0"/>
        <param name="currentPosition" value="0"/>
        <param name="defaultFrame" value/>
        <param name="playCount" value="0"/>
        <param name="autoStart" value="1"/>
        <param name="currentMarker" value="0"/>
        <param name="invokeURLs" value="1"/>
        <param name="baseURL" value/>
        <param name="volume" value="100"/>
        <param name="mute" value="0"/>
        <param name="uiMode" value="full"/>
        <param name="stretchToFit" value="0"/>
        <param name="windowlessVideo" value="0"/>
        <param name="enabled" value="1"/>
        <param name="enableContextMenu" value="1"/>
        <param name="fullScreen" value="0"/>
        <param name="SAMIStyle" value/>
        <param name="SAMILang" value/>
        <param name="SAMIFilename" value/>
        <param name="captioningID" value/>
        <param name="enableErrorDialogs" value="0"/>
        <param name="_cx" value="7779"/>
        <param name="_cy" value="1693"/>
      </object>
value是文件路径 ,改成你自己的;playCount是播放次数,设置为0时,循环播放;autoStart是自动播放,值为1时自动播放,为0时不自动播放。
   其实上面的路径在jsp中也可以这样(使用EL表达式) ${pageContext.request.contextPath}/ablum.mp4

这里写图片描述

第二种:(最简单的)

<embed src="/ClassWeb/ablum.mp4" width="300" height="300">

这里写图片描述

  带给我启发的文章jsp插入视频,它里面写了很多代码,其实是一种,只是要播放的文件格式不同。这篇文字居然让我想到了和文件的名字有关,有些是可以用中文的,有些是不能用中文,注意一下中文名字问题,就好了。

相关文章
相关标签/搜索