HTML5<ビデオ>カスタム コントロールのサンプル コードに DOM を使用する_html5 チュートリアル スキル

WBOY
リリース: 2016-05-16 15:49:40
オリジナル
1464 人が閲覧しました

HTML5 ビデオではコントロールを使用してコントロールを表示したり、再生や一時停止などを制御したりできますが、ブラウザーによって表示される効果も異なる場合があるため、カスタマイズされた操作やコントロールを実行するには Dom を使用する必要があることがよくあります。以下に小さな例を示します。
もちろん、この効果はあまり美しくありません。見た目を良くしたい場合は、CSS スタイルを自分で設定できます。

コードをコピーします
コードは次のとおりです:










コードをコピーコードは次のとおりです:



すべてのプロパティのうち、videoWidth プロパティと videoHeight プロパティのみがすぐに使用できることに注意してください。
ビデオのメタデータが読み込まれるまで、追加のプロパティは使用できません。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート