更改音频标记用户代理CSS

时间:2018-05-02 14:14:43

标签: jquery css reactjs html5-audio

我想编辑原生HTML音频标签,但为此我必须使用jquery和mediaelement库来实现:

def fn_create_df_load_status():
   data = sc.parallelize([
    [ ('cust_id', custid)     \
    , ('sys_rec', 'source system')   \
    , ('load_start_ts', (from_unixtime(unix_timestamp(), "yyyy-MM-dd HH:mm:ss"))) \
    , ('load_end_ts',   (from_unixtime(unix_timestamp(), "yyyy-MM-dd HH:mm:ss"))) \
    , ('status', 'STARTED')]
    ])
# Convert to tuple
   data_converted = data.map(lambda x: (x[0][1]))

# Define schema
   schema = StructType([
       StructField("cust_id", StringType(), True),
       StructField("sys_rec", StringType(), True),
       StructField("load_start_ts", StringType(), True),
       StructField("load_end_ts", StringType(), True),
       StructField("status", StringType(), True)
    ])

# Create dataframe
   DF = sqlContext.createDataFrame(data_converted, schema)

# Output
   DF.show() 

我是新手做出反应,你觉得怎么样,在这种情况下对于添加jquery库的反应有什么影响呢?

EDITED

//https://codepen.io/tomma5o/pen/jAKQYz

$('audio').mediaelementplayer({
   features: ['playpause','progress','current','tracks','fullscreen']
});

但要隐藏下载按钮,它不起作用

&::-webkit-media-controls-play-button,
&::-webkit-media-controls-mute-button,
&::-webkit-media-controls-time-remaining-display,
&::-webkit-media-controls-volume-slider {
   display: none;
}

DevTools->Elements

我对轨道段CSS也有同样的问题,我无法设置每个段的背景颜色。

我的音频看起来像......

enter image description here

0 个答案:

没有答案