html 5 videoモバイル開発二(js制御video開始一時停止、フルスクリーンなどの機能)
1009 ワード
var video=document.getElementById("myPlayer");
フルスクリーンjs制御に入る:
//グーグル(webkitカーネルブラウザ)
video.webkitRequestFullScreen()
//火狐
video.mozRequestFullScreen();
火狐ブラウザのテストで、次のことが発生しました.
,Element.requestFullscreen() ;
半日問題を探した結果、aラベルhref属性呼び出しメソッドを直接通過するとこのエラーが出力され、要素バインドイベントに直接適用されます.
//欧朋
video.oRequestFullScreen()
//IE(IEブラウザはscreenのsが小文字であることを覚えています.そうしないと呼び出しが成功しません)
video.msRequestFullscreen()
//アップル携帯、なぜwebkitRequestFullScreen()ではなく、アルファベットの差で死んでしまったのか
video.webkitEnterFullscreen()
サウンドコントロール
if(video.muted){
video.muted=false;//
}else{
video.muted=true;//
}
再生の開始/一時停止
if(video.paused){
video.play();//
}else{
video.pause();//
}