0

HTML5videoプレーヤー要素を使用する Safari ブラウザー (PC/MAC) で問題が発生しました。

問題は、再生されたビデオがビデオsource要素の実際のビデオを反映しておらず、widthおよびheight属性で指定されたサイズも反映していないことです。

デモの URL は次のとおりです。

http://actisku.videohosting.fr/test.html

<video id="homepage_videoplayer" poster="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.png" loop="loop"  autoplay="autoplay" width="979" height="365">
     <source src="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.mp4" type="video/mp4" />
     <source src="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>

mp4ソースファイルは 979x365 です。同じサイズで指定されているプレーヤーvideo要素も同様です。ただし、同じサイズで読み取る必要があります。

メタデータの問題かもしれませんが、このメタデータの編集方法がわかりません。

編集：

JavaScript を使用すると、動画widthが Safari では 649、Chrome では 979 であることがわかります。かなり奇妙です。なので、これを使っ-webkit-transform scaleX()て修理しようと思います。

4

1 に答える 1

0

次の行で JavaScript エラーが発生しています: 39

vid.css("video","scaleX(1.5)");

あなたがやろうとしていることは、属性を追加することだと思います

scaleX="1.5"

<video>タグに、そうですか？それが探しているものかどうかを確認するために手動で追加してみてください。最終的には次のようになります。

<video id="homepage_videoplayer" scaleX="1.5" poster="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.png" loop="loop"  autoplay="autoplay" width="979" height="365">
    <source src="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.mp4" type="video/mp4" />
    <source src="http://actisku.videohosting.fr/medias/videos/v_actisku_visualproject_sephora_61.ogv" type='video/ogg; codecs="theora, vorbis"' />    
</video>
于 2012-10-26T17:40:45.233 に答える