1、在vediohtml中加入以下核心代码:
<video width="320" height="240" controls>
<source src="moviemp4" type="video/mp4">
<source src="movieogg" type="video/ogg">
<source src="moviewebm" type="video/webm">
<object data="moviemp4" width="320" height="240">
<embed src="movieswf" width="320" height="240">
</object>
</video>
2、HTML 多媒体标签。
3、运行结果。
HTML网页中插入:
1、首先,通过TXT文档,创建一个网页的基本框架。
2、选择的格式。
3、单独创建一个文件夹,将资源放入其中。
4、在body中加入如下一行:
<img src="/testjpg">
5、双击该网页运行,便可看到网页中的。
1、打开用于网页设计的Hbuilder,在项目管理器中放置mp4格式的视频以后,点击indexhtml进入。
2、在这里通过图示的命令来建立一个HTML5的文件。
3、这个时候添加video元素就可以插入视频了,需要用autoplay设置自动播放,controls设置控制栏。
4、下一步,用source可以连接对应的视频资源,注意路径不要写错。
5、完成以后,等网页加载出来就会插入视频播放器自动播放视频,左边的是播放按钮、视频进度控制条等工具。
6、而右边可以调节声音大小和全屏播放,有服务器的话还可以下载。
很多浏览器都有这个功能,当你把鼠标移动到网页视频上,就可以看到顶部有一个按钮出现,d出独立播放器。当你点击按钮,视频就d出在新窗口播放了,这时候视频窗口的大小可以自由调整不再受页面的限制。另一个想法是,把页面里视频相关的HTML代码提取出来,然后在一个新页面框架里显示。但是这样的话,就必须对页面代码的结构非常熟悉,而且必须跟随变化。还有,当新视频窗口d出时,播放进度是不能保持的,必须重头播放。
其实有一个简单的办法,那就是把页面里的Flash控件重新激活到另一个窗口上。因为我们知道,Flash其实是一个ActiveX控件,运行在IE容器里。如果我们创建一个新的Ole Container,就可以把Flash控件激活到新的Container里。这样,Flash控件就可以在保持状态的情况下在不同的容器之间转换,既自由的在页面和d出窗口中切换。
所以,要d出(IE)页面里的Flash视频,需要以下几步:
1 02通过Web Browser控件或者BHO,在页面加载完成后得到页面的DOM模型,找到Embed节点对象,即可查到Flash空间。
2 02创建Ole容器,比如ATL的CAxWindow
3 02激活Flash控件到新的Ole容器
代码片段(基于ATL):
//pFlashDisp为Flash控件对象,通过分析页面DOM获得
//保存IE容器,用于恢复
CComQIPtr<IOleObject spFlashOleObj = pFlashDisp;
spFlashOleObj-GetClientSite(&m_spIESite);
//必选先关闭,才能转移到新的窗口上
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)