エンジニアじゃないんだけど有識者に質問したくて (15ﾚｽ)
上下前次1-新
1(1): 2023/05/26(金)11:47 AAS
今WordPressを使ってサイトを作っていて、そのサイトでHTMLのvideo要素を使って動画を埋め込んでるんですが、動画があるページへの初回アクセス時その動画貼ってるところが背景真っ黒の再生ボタンに斜線が入ってるみたいになってちゃんと表示されないんです。リロードするとなぜか正しく表示されるんですが、、、
2度目以降正しく表示されるってことはHTMLの記述自体には問題はないのかなと思ってるんですが、如何せん知識がなくて原因を想定することもできず困っています。
ざっくりした情報で申し訳ないのですが、丸2日ここで詰まってて自力ではどうにもならなそうなのでご意見いただきたいです。
2: 2023/05/26(金)12:39 AAS
優秀なプログラマさんが現れるまでしばらくお待ちください
3: 2023/05/26(金)12:45 AAS
はい笑
お気遣いありがとうございます
4(1): 2023/05/26(金)12:49 AAS
>>1
WordPressで動画を埋め込んだ際に、初回アクセス時に背景が真っ黒の再生ボタンに斜線が表示される問題が発生しているようですね。その後のリロードでは正しく表示されるとのことです。
この問題は、ブラウザのキャッシュに関連している可能性があります。初回アクセス時にブラウザは動画のデータをまだキャッシュしていないため、正しく表示されずにデフォルトの再生ボタンが表示されるのかもしれません。
以下にいくつかの解決策を提案します：
キャッシュの無効化: WordPressのキャッシュプラグインやサーバーのキャッシュ設定が問題の原因となっている可能性があります。一時的にキャッシュを無効にしてみてください。または、別のブラウザやプライベートモードでのアクセスを試してみてください。もし問題が解決されれば、キャッシュの設定を見直す必要があるかもしれません。
JavaScriptの遅延読み込み: 動画を埋め込む部分をJavaScriptで遅延読み込みする方法も試してみる価値があります。これにより、ページが完全に読み込まれてから動画が表示されるため、正しく表示される可能性が高くなります。
テーマやプラグインの競合: 他のテーマやプラグインとの競合が原因で問題が発生している場合もあります。一時的にすべてのプラグインを無効化し、デフォルトのテーマに切り替えてみてください。もし正常に表示されれば、問題の原因はプラグインやテーマにある可能性があります。
省2
5: 2023/05/26(金)13:22 AAS
コメントありがとうございます。
＞WordPressのバージョンや使用しているテーマやプラグインの詳細な情報を提供すると、より具体的なサポートができるかもしれません。
失礼しました。WordPressバージョンは6.2.2 テーマはcocoonを使用しています。
有効化されているプラグインは以下です。
・CoBlocks（ページ作成の時に使えるコンテンツブロック追加）
・Favorites（サイトの各ページをお気に入り登録してサイト内でリストできる機能追加）
・Flexible Table Block（表作成ブロックの追加）
省15
6(1): 2023/05/26(金)13:46 AAS
安価つけ忘れてしまったので再度
>>4
コメントありがとうございます。
＞WordPressのバージョンや使用しているテーマやプラグインの詳細な情報を提供すると、より具体的なサポートができるかもしれません。
失礼しました。WordPressバージョンは6.2.2 テーマはcocoonを使用しています。
有効化されているプラグインは以下です。
・CoBlocks（ページ作成の時に使えるコンテンツブロック追加）
省17
7(1): 2023/05/26(金)14:44 AAS
動画の形式とサイズも書いたほうがいいと思う。
要は最初のhtmlが落ちてきてブラウザがレンダリングしてる段階ではまだ動画が落ちてきてないから表示されてないってだけでは？
自分はそういう目的で使ったことないけど、video.jsみたいなライブラリを介して表示したら遅延読み込みとかはよしなにやってくれるんじゃないのかな。
8: 2023/05/26(金)15:27 AAS
>>7
失礼しました。形式はmp4なんですがサイズは動画によってバラバラで、、、1280×720が多いですね。
javascriptの知識が皆無なんでググったんですが
外部ﾘﾝｸ:dezanari.com
これって今記述してあるHTMLの<video>タグの部分に.video-jsクラスを追記するだけじゃ使えないですよね？
その前に書いてある下準備のような工程をこなさないとですよね。この「Video.jsをCDNで読み込み」というのはどういう行為を指してるんでしょうか。
そのままだろと言われるような質問かもしれないんですが、、
9: 2023/05/28(日)22:17 AAS
スレを立てたものです。
CDNの利用や、サーバキャッシュのプラグイン等試してはいますが現状改善されない状態です。
何か想定される原因や解決方法があれば教えていただきたいです。よろしくお願いいたします。
10(1): 2023/05/29(月)03:06 AAS
ファイルの場所の指定のあとに#t=0.1をつける、もしくはサムネイル画像をjpgとかで用意してthumbnail属性で指定する
type="video/mp4"属性をつける
10キロバイトとかの一瞬で読み込める動画ファイルで表示できるか試してみる
11: 2023/05/29(月)10:01 AAS
>>10
ファイル指定の後に#t=0.1とつけたところ解決しました！
ありがとうございます！！
12: 2023/07/10(月)05:21 AAS
( ￣з￣)y-｡o○ ｹﾞﾎ((＞o＜;))ｹﾞﾎ ○o｡―y(￣ε￣ )
13: 2024/03/29(金)14:18 AAS
健康診断があったなぁ
14: 2024/03/29(金)16:11 AAS
ヒロキのこと知らないから
15: 2024/03/29(金)16:14 AAS
>>6
しかし
ダイエットは
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.292s*