web-dev-qa-db-ja.com

PowerPressモバイルメディアプレーヤー

私はPowerPressにMediaElementメディアプレーヤーを使用しています、すべてがうまく機能しています。私が気づいたことの一つは携帯電話です...最初に表示されるポッドキャストに影響を与えます。

http://joshrodg.com/hallmark/ にアクセスすると、[Latest Media]セクションにスクロールダウンします。一番最初のliは犯人です。 [再生]をクリックすると、再生時間がプレーヤーにすべてファンキーな表示になることに気付くでしょう。期間を削除しましたが、プレーヤーはまだオフに見えます。奇妙なことに、それは最初のliにのみ影響し、他のli'sは問題ないようです。

誰がこれを引き起こすのか、そして他のプレイヤーを使用する以外にどのようにしてこれを修正できるのか知っていますか?

ありがとう、
ジョシュ

1
Josh Rodgers

これはもっと手間のかかる作業ですが、私のプロジェクトではうまくいきます。私は、この動作が私のPodcastが1時間を超える期間に関連しているように思われることに気づきました - そしてそれはモバイルブラウザだけに限定されているようです。それで、私がしたのはオーバーフローを隠すことだけでした(それは誰にとってもうまくいかないかもしれません):

/* MediaElement */
.mejs-container[style] {
    overflow: hidden !important;
}

そのポッドキャストの持続時間は表示されていません、理想的ではありませんが、うまくいきます。主なことは、オーディオファイルがファンキーな振る舞いなしで再生されること、再生/一時停止がまだ機能すること、そして1時間未満の長さを持つすべてのオーディオファイルが長さを問題なく表示することです。

私にとっては、これはうまく機能します。ユーザーエクスペリエンスを妨げないからです。期間を表示することをお勧めしますが、プログレスバーが表示されてユーザーが特定のPodcastにどのくらいの時間が残っているかを判断できるので、これは取引の妨げにはなりません。

残念ながら、この状況では(オーディオプレーヤーを切り替える以外に)、これはかなり良い解決策であり、私にはうまくいくでしょう。ほとんどのユーザーはおそらく気付くことさえないでしょうし、1時間以上Podcastをすることはこのサイトの標準ではないので、このように動作させることは素晴らしい解決策です。

ありがとう、
ジョシュ

0
Josh Rodgers