`

1.0.2 video视频标签

阅读更多
1.0.2 视频
HTML5 规定了一种通过 video 元素来包含视频的标准方法。

--源代码:video.html
<html>
<body>
<video src="movie.ogg" controls="controls" width="320" height="240">
Your browser does not support the video tag.
</video>
<body>
<html>

IE8不支持video元素。在 IE 9 中,将提供对使用 MPEG4 的 video 元素的支持。







==============================================
<video> - 使用 DOM 进行控制:
--源码 \source\html5\video.html

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function playPause()
{
var myVideo=document.getElementById("video1");
if (myVideo.paused){
myVideo.play();
}
else{
myVideo.pause();
}

}

function makeBig(){
var myVideo=document.getElementById("video1");
myVideo.width=520;
}

function makeNormal(){
var myVideo=document.getElementById("video1");
myVideo.width=420;
}

function makeSmall(){
var myVideo=document.getElementById("video1");
myVideo.width=320;
}
</script>
</head>
<body>

<div style="text-align:center;">
  <button onclick="playPause()">播放/暂停</button>
  <button onclick="makeBig()">大</button>
  <button onclick="makeNormal()">中</button>
  <button onclick="makeSmall()">小</button>
  <br />
  <video id="video1" width="420" style="margin-top:15px;">
    <source src="mov_bbb.mp4" type="video/mp4" />
    <source src="movie.ogg" type="video/ogg" />
    Your browser does not support HTML5 video.
  </video>
</div>



</body>
</html>




         @dianxinxinxiyuan.xiuyanxilu.pudongqu.shanghai
分享到:
评论

相关推荐

    视频格式转换java-1.0.2.rar

    这个名字可能是“Java Video Encoder”的缩写,它很可能包含了处理视频编码和解码的类库,支持转换功能。 视频格式转换涉及到的技术主要包括: 1. 视频编码与解码:在进行格式转换时,需要对原始视频的编码格式...

    jave-1.0.2.jar

    Java Audio Video Encoder (JAVE) 是一个用于音频和视频编码的Java类库,它基于流行的开源多媒体处理工具FFmpeg。标题中的"jave-1.0.2.jar"指的是JAVE的一个特定版本,即1.0.2版的Java封装库文件。这个jar文件包含了...

    小程序开发-轻点视频聚合版小程序 qd_spjh 1.0.2.zip

    9. **视频播放技术**:为了支持视频播放,小程序需要集成视频播放组件,如微信小程序内置的video组件,支持播放控制、缓冲优化、视频格式兼容等功能。 10. **版权问题**:聚合视频内容时,开发者必须注意版权问题,...

    轻点视频聚合版小程序 qd_spjh 1.0.2.rar

    6. **多媒体处理**:在“轻点视频聚合版”中,可能会用到`wx.playVideo`、`wx.createSelectorQuery`等API来播放视频、查询和操作组件,实现视频的播放、暂停、全屏等功能。 7. **页面路由**:小程序的页面跳转通过`...

    仿B站html弹幕播放源码 v1.0.2.zip

    1. HTML5技术:HTML5是构建Web应用的基础,此项目中可能用到了HTML5的Video标签来嵌入视频,以及Canvas或WebGL等技术来实现弹幕的动态显示。 2. JavaScript编程:JavaScript是实现网页动态效果的关键,弹幕的创建、...

    swf change to video

    标签“swf2video”暗示可能有一个名为“swf2video”的特定转换工具,这个工具专门用于执行这种转换。这个工具可能包含了一系列的库和组件,如压缩包中的文件,用于处理编码、解码和转换过程。 压缩包内的文件是转换...

    最好降噪NeatVideo.2.6.for.PRCS5或CS5.5

    标签“降噪”强调了这个话题的核心技术,即视频处理中的噪声消除。降噪技术不仅仅局限于Neat Video,还有其他软件如Adobe Camera Raw、Denoise AI等,但Neat Video因其高度定制化和高效性能而受到专业人士的青睐。 ...

    reactive-video-player:使用ES6 + React + RxJS制作的视频播放器

    - **媒体API**:HTML5的`&lt;video&gt;`标签提供了丰富的API,如`play()`, `pause()`, `currentTime`等,可以用来控制视频播放。React组件可以通过ref获取到video元素并调用这些API。 - **样式和布局**:为了实现响应式...

    LiveSmart视频聊天独立程序带安装教程

    -增加了在iframe或新标签页中打开视频窗口的可能性; -修复样式和脚本; v1.0.0-2019年1月12日 -LiveSmart初始提交; 荻酷社区提示:下载后根据安装教程安装自行研究,源码是完整的,官方价是120美元,这个版本是...

    在不同的格式间转换视频和音频

    Java Audio Video Encoder (JAVE) 是一个基于Java的库,允许开发者在不同的音频和视频格式之间进行转换。它提供了跨平台的解决方案,使得开发者无需深入理解底层编码细节就能实现文件转换。JAVE支持多种编码格式,...

    新手学 html5 第五版

    和&lt;video&gt;标签提供了对多种格式的支持,如MP3、Ogg和WebM。 3. **Canvas画布**:HTML5的元素允许通过JavaScript动态绘制图形,为创建交互式游戏和数据可视化提供了可能。 4. **SVG矢量图**:HTML5支持Scalable ...

    cmf-appstore

    `&lt;video&gt;`和`&lt;audio&gt;`标签可能用于展示插件或模板的预览视频或音频。 总之,"cmf-appstore"作为ThinkCMF框架的一部分,通过持续的更新和优化,为用户提供了一个高效、稳定的插件和模板获取平台。HTML标签的合理运用...

Global site tag (gtag.js) - Google Analytics