曉青的數位天地
Home
 

Html5 影片嵌入部落格測試

您的瀏覽器不支援此 HTML5 影片標籤

<video width=”360″ height=”270″ controls>
<source src=”video/test.ogg” type=”video/ogg”>
<source src=”https://dl.dropboxusercontent.com/u/18687537/Mini_Book_mp4/yellowleaves.mp4” type=”video/mp4″>
您的瀏覽器不支援此 HTML5 影片標籤
</video>

您的瀏覽器不支援此 HTML5 影片標籤


 

<script language=”javascript”>
function Control(x){
if(x==’start’){
document.getElementById(“MovieShow”).play();
}else if(x==’stop’){
document.getElementById(“MovieShow”).pause();
}}
</script>
<video id=”MovieShow” width=”360″ height=”270″ >
<source src=”video/test.ogg” type=”video/ogg”>
<source src=”https://dl.dropboxusercontent.com/u/18687537/Mini_Book_mp4/yellowleaves.mp4” type=”video/mp4″>
您的瀏覽器不支援此 HTML5 影片標籤
</video>
<br><br>
<input type=”button” value=”開始播放” onclick=”Control(‘start’);”>
<input type=”button” value=”暫停播放” onclick=”Control(‘stop’);”>

 


您的瀏覽器不支援此 HTML5 影片標籤


 

<script language=”javascript”>
function Size(x){
if(x==’big’){
document.getElementById(“MovieShow2”).width=500;
document.getElementById(“MovieShow2”).height=450;
}else if(x==’small’){
document.getElementById(“MovieShow2”).width=260;
document.getElementById(“MovieShow2″).height=234;
}}
</script>
<video id=”MovieShow2″ width=”360″ height=”270″ controls>
<source src=”video/test.ogg” type=”video/ogg”>
<source src=”https://dl.dropboxusercontent.com/u/18687537/Mini_Book_mp4/yellowleaves.mp4” type=”video/mp4″>
您的瀏覽器不支援此 HTML5 影片標籤
</video>
<br><br>
<input type=”button” value=”播放器變大” onclick=”Size(‘big’);”>
<input type=”button” value=”播放器變小” onclick=”Size(‘small’);”>

755
07
8 月

2015-08-07 This post was written by Categories: 未分類 755 comments

755 Responses to “Html5 影片嵌入部落格測試”


發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Welcome to my Blog ! If you have any question ,please feel free to contact me....歡迎來到我的數位工具測試部落格！有任何問題歡迎與我聯絡！謝謝！

適用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站的新文章，使用電子郵件接收新通知。

Visitor

Flag Counter

授權方式

Copyright © 2024 曉青的數位天地. All Rights Reserved.
Top